vue组件有两种,一种是全局组件,一种是局部组件。整个项目经常用到的用全局写法,用到比较少的专供特定页面用的使用局部组件。
1. 全局组件
(1)位置
放在main.js文件中
(2)步骤
- 定义:components文件夹下定义组件(一般components文件夹下放全局组件,pages文件夹下放局部组件)
- 引入:main.js文件中import引入组件
- 注册:main.js文件中使用下面方式注册组件
Vue.component(全局组件的名字, 那一个组件);
- 使用:在其他组件中可直接使用,不用引入,也不用注册!
2. 局部组件
(1)位置
放在任意组件中,也可在app.vue——root组件中使用局部组件。
(2)步骤
- 定义:pages文件夹下定义组件
- 引入:vue文件的js部分中import引入组件
- 注册:在vue文件的js代码部分的
export default{}
中的components属性中注册 - 使用:在当前组件中使用
参考:https://blog.csdn.net/ywl570717586/article/details/79984909