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

Posted yangguoe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中创建全局单文件组件/命令相关的知识,希望对你有一定的参考价值。

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中创建全局单文件组件/命令的主要内容,如果未能解决你的问题,请参考以下文章

Vue ---- 组件文件分析 组件生命周期钩子 路由 跳转 传参

在 Vue 3 的插件中创建全局计算属性

Vue中如何注册全局组件和局部组件(详解)

3. Vue单文件组件

Angular /在一个命令中创建一个没有css文件的模块,组件?

vue单文件组件的构建