微客导航 » 文章资讯 » VUE注册全局组件和局部组件过程解析

VUE注册全局组件和局部组件过程解析

2023-08-12 21:39:04 178

这篇文章主要介绍了VUE注册全局组件和局部组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

全局组件

第一步：在components文件夹下建立一个子文件Users.vue

第二步：在main.js中进行全局注册

//TheVuebuildversiontoloadwiththe`import`command
//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.
importVuefrom'vue'
importAppfrom'./App'
importrouterfrom'./router'

//全局配置组件第一步Users是文件夹的名字
importUsersfrom'./components/Users'

Vue.config.productionTip=false

//全局注册组件第二部users是
Vue.component('users',Users)


/*eslint-disableno-new*/
newVue({
el:'#app',
router,
components:{App},
template:''
})

第三步：在对应的文件中引用

局部组件

在components文件夹下新建一个子组件Users.vue文件，然后在对应的文件中引用

或者

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

VUE注册全局组件和局部组件过程解析

热门推荐

随机推荐