码迷,mamicode.com
首页 > Web开发 > 详细

vue中引入外部文件js、css、img的方法

时间:2018-09-06 14:51:41      阅读:390      评论:0      收藏:0      [点我收藏+]

标签:port   rom   es6   sse   组件   引入   img   set   efault   

第一种方法,直接放到相对路径下,位置:./static/js/main.js,./static/css/main.css,./static/img/test.png

 

第二种方式: ES6的import方式引入,被引入文件test.js尾部加入 export default {    fn   }  //fn是被引入的方法;在main.js引入  import test from ‘./assets/js/test.js‘       Vue.prototype.$test= test;    

       全局引入完毕,在子组件中引用方式: this.$test.fn()

第三种方式: npm install elementUi -g   自动引入

vue中引入外部文件js、css、img的方法

标签:port   rom   es6   sse   组件   引入   img   set   efault   

原文地址:https://www.cnblogs.com/dontes/p/9597526.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!