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