vue中自定义组件(插件)
来源:互联网 发布:淘宝如何使用电子面单 编辑:程序博客网 时间:2024/06/06 20:43
在vue项目中,可以自定义组件像vue-resource一样使用Vue.use()方法来使用,具体实现方法:
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>
这样就可以使用成功
0 0
- vue中自定义组件(插件)
- Vue自定义全局组件(插件)
- vue自定义全局组件(自定义插件)
- vue中自定义组件及组件间通信
- vue进阶(1) ---自定义组件
- vue自定义日期组件
- Vue自定义组件
- vue 自定义组件
- vue自定义组件
- vue---vue中如何自定义事件?子组件事件如何向上触发父组件事件?
- vue脚手架中自定义全局组件的方法
- Vue训练营-自定义组件
- 自定义vue组件小集合
- vue.js自定义组件directives
- vue自定义公共组件components
- vue-自定义组件传值
- Vue中使用组件
- Vue中组件(component)
- python Image库操作
- 解读Secondary NameNode的功能
- Linux下安装软件(rpm,yum)
- Java DAO浅析
- jar包置放在WEB-INF/lib下和通过build path导入的区别是什么
- vue中自定义组件(插件)
- 网络数据封装解析(IP,UDP,TCP)
- 关于Java并发编程的总结和思考
- [Android 内存泄漏] 了解 Handler leak
- Throwing cards away I 卡牌游戏 UVA 10935
- VNC秘钥(转)
- java读取config.properties配置文件
- [BZOJ1069][SCOI2007]最大土地面积(凸包+旋转卡壳)
- volley的重试机制及错误处理机制