vue.js和uniapp导入自定义组件以及使用

传统vue导入:

1. 导入一个vue组件:
vue.js和uniapp导入自定义组件以及使用_第1张图片
2. 全局导入vue组件,即每个页面都可以直接使用而不用引用和注册的话,在项目根目录下的main.js里处理:
vue.js和uniapp导入自定义组件以及使用_第2张图片

传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精髓为一步,只需组件安装在项目的components目录下,并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册,直接在页面中使用:
vue.js和uniapp导入自定义组件以及使用_第3张图片

不管components目录下安装了多少组件,easycom打包后会自动剔除没有使用的组件,对组件库的使用尤为友好。
在uni-app插件市场下载符合components/组件名称/组件名称.vue目录结构的组件,均可直接使用。
在这里插入图片描述
下为简单导入效果
vue.js和uniapp导入自定义组件以及使用_第4张图片
vue.js和uniapp导入自定义组件以及使用_第5张图片

你可能感兴趣的:(vue.js,小程序)