1.在src目录下的pages文件夹下新建公共组件
image.png
2.在main.js中引用，这里需要引用并初始化组件三个步骤
import CommonIndex from '@/pages/commonmodule/CommonIndex' // 引入公共组件
Vue.use(CommonIndex); // 引用自定义组件
Vue.component('common-index',CommonIndex) // 初始化组件
new Vue({
el: '#app',
router,
components: {
App,
CommonIndex
},
template: '<App/>'
})
image.png
3.在其他组件中直接用common-index 组件即可，不需要再次引入组件。
image.png
1.在src目录下的pages文件夹下新建公共组件 2.在main.js中引用，这里需要引用并初始化组件三个步骤 ...
在 vue/cli 中经常会遇到引用模块/公共组件的情况，例如 在 product.vue 和 list.vue ...
App.vue作为b.vue的父组件引用子组件 b.vue中的写法
Vue组件组件 Component 定义组件 公共的组件 使用组件 ...
App.vue中隐藏系统tabbar 创建tabbar组件 页面引用tabbar组件
1.vue中的组件 -vue中所有页面由组件组成-vue可以将公共的部分封装成组件在其他地方使用-App.vue是...
1、引用vue相关库 2、定义两个组件 3、定义跳转的路径 4、创建Vue对象 5、在HTML中引用组件和路由
在父组件 App.vue 中引用子组件 A.vue，把 A中的数据传给App. ps:没看父组件传给子组件的先看看...
1.vue组件 2.使用 2.1在script中引用 2.2在html中引用
本文标题：Vue中引用公共组件
本文链接：https://www.haomeiwen.com/subject/jhxpnctx.html
网友评论