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

时间:2024-03-21 21:54:12

传统vue导入:

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

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

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