码迷,mamicode.com
首页 > 其他好文 > 详细

vue中创建全局单文件组件/命令

时间:2018-11-22 13:15:41      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:基于   rect   全局   一个   分享   建立   最好   img   main   

1.在 vue中如果我们使用基于vue.js编写的插件,我们可以使用Vue.use()

如在main.js中:

技术分享图片

2.添加全局命令,让每个vue单文件组件都可以使用到:

  第一步:最好建一个全局的命令文件:如directive/directive.js

  第二部:利用Vue.directive()建立一个全局命令,并将它暴露出来,例如一个focus让表单自动聚焦:‘

directive.js

技术分享图片

  第三步:在main.js中引入它

技术分享图片

使用:

技术分享图片

3.使用不是基于vue.js所些的插件:

  将它赋予给vue的原型上;

比如:我们想全局引用axios可以:

在main.js中

技术分享图片

使用:

技术分享图片

 

vue中创建全局单文件组件/命令

标签:基于   rect   全局   一个   分享   建立   最好   img   main   

原文地址:https://www.cnblogs.com/yangguoe/p/10000357.html

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