vue插件 使用use注册Vue全局组件和全局指令
2018-08-09 10:08
996 查看
插件一般会注册到全局使用
官方编辑插件介绍:https://vuefe.cn/v2/guide/plugins.html
全局组件:
1、首先建一个自定义组件的文件夹,比如叫loading,里面有一个index.js,还有一个自定义组件loading.vue,在这个loading.vue里面就是这个组件的具体的内容,比如: <template> <div> loading.............. </div> </template> <script> export default { } </script> <style scoped> div{ font-size:40px; color:#f60; text-align:center; } </style> 在index.js中,规定了使用这个组件的名字,以及使用方法,如: import loadingComponent from './loading.vue' const loading={ install:function(Vue){ Vue.component('Loading',loadingComponent) } //'Loading'这就是后面可以使用的组件的名字,install是默认的一个方法 }; export default loading; 只要在index.js中规定了install方法,就可以像一些公共的插件一样使用Vue.use()来使用,如: import loading from './loading' Vue.use(loading) 这是在入口文件中引入的方法,可以看到就像vue-resource一样,可以在项目中的任何地方使用自定义的组件了,比如在home.vue中使用 <template> <div> <Loading></Loading> </div> </template> 这样就可以使用成功
转自:https://www.cnblogs.com/670074760-zsx/p/7049806.html
相关文章推荐
- 使用use注册Vue全局组件和全局指令
- 使用use注册Vue全局组件和全局指令的方法
- 自定义vue全局组件use使用
- 浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
- 自定义vue全局组件use的使用
- 自定义vue全局组件use使用、vuex的使用详解
- Vue全局组件开发,Vue.use(xxx)一次引入,全局使用 【Vue 非父子组件通信】
- 自定义vue全局组件use使用、vuex的使用
- vue组件注册使用
- Vue------第五天(关于组件的一些基础了解,包括组件的注册、Prop、自定义事件、使用插槽分发内容等)
- OCX视频插件问题记录-1 error MSB8011: 未能注册输出。请尝试启用“逐用户重定向”,或者使用提升的权限从命令提示符处注册该组件
- Vue自定义全局组件(插件)
- Vue.use自定义全局组件示例
- vue---使用vue编写插件,基于vue2.x编写常用toast loading插件,一键复用组件
- 详解Vue.use自定义自己的全局组件
- axios模块在vue开发中如何使用引入,如何注册全局方法
- vue自定义全局组件(自定义插件)
- vue 注册组件的使用详解
- 使用vue.use(##)构建全局方法,用this.$##使用,同时给自定义的方法 传递component调用其方法 //eventHub
- vue 组件 之 注册 及 组件内data的使用