1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue导出html文件将外部js与css 2.vue引入外部js和css文件

vue导出html文件将外部js与css 2.vue引入外部js和css文件

时间:2019-03-26 13:51:38

相关推荐

vue导出html文件将外部js与css 2.vue引入外部js和css文件

1.css相关

1.全局引入,在main.js中引入import './assets/iconfont/iconfont.css' //注意'./'一定要加不然会报错

2.局部引入,在组件中

@import '../assets/iconfont/iconfont.css';

2.js相关

1.在全局上使用

1.0在static文件中新建common.js

var log = console.log.bind(console)

//12.06新增,导出需要的js文件

export default {

log,

}

1.1在src/main.js

//第一种全局引入js:

import common from '../static/common.js' //注意路径

Vue.prototype.$common = common

1.2在组件中使用

export default {

name: 'HelloWorld',

data () {},

created: function() {

var that = this

that.$common.log(2222222222222)

},

}

2.在组件中使用(建议在组件中引用,防止污染全局)

2.2在src/components/HelloWorld.vue组件中使用

import common from '../../static/common.js' //注意路径

export default {

name: 'HelloWorld',

data () {},

created: function() {

var that = this

common.log(111111111)

},

}

备注:以上都是使用vue-cli构建的项目,文件目录详见官网

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。