Vue-全局添加组件
来源:互联网 发布:高清混合矩阵 编辑:程序博客网 时间:2024/05/16 14:04
在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>
这样就可以使用成功
原文:http://blog.csdn.net/generon/article/details/72848104
阅读全文
0 0
- Vue-全局添加组件
- vue 全局/局部组件
- VUE注册全局组件
- vue组件1-全局注册
- Vue自定义全局组件(插件)
- vue开发:vue全局组件的方法
- vue 全局组件和局部组件
- Vue全局组件开发,Vue.use(xxx)一次引入,全局使用 【Vue 非父子组件通信】
- Vue.use自定义全局组件示例
- vue自定义全局组件(自定义插件)
- Vue.js的全局/局部组件填坑记
- 自定义vue全局组件use的使用
- 如何在Vue中建立全局组件或者全局命令
- vue全局组件和局部组件(一)
- vue全局组件和局部组件(二)
- vue全局组件与局部组件的方法
- vue---vue2.x自定义plugin,给vue添加全局方法,原型上增加全局方法
- vue--自定义全局方法,在组件里面使用
- Android.mk 文件语法详解
- 李飞飞访谈:AI以人为本——之笔者见
- nginx+ftp搭建图片服务器
- android studio自定义生成jar包基础篇
- robot 批处理文件
- Vue-全局添加组件
- bzoj 2375: 疯狂的涂色
- java/Kotlin/android 判断是否是url 的正则
- leetcode算法刷题
- C# 中的线程安全集合类
- mysql学习笔记
- mysql innodb 行锁解锁后出现1213 死表现象 Deadlock found when
- 基于condition 实现的线程安全的优先队列(python实现)
- 从零开始搭建一个项目框架MVVM(OC)