uni-popup组件的使用

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

比如前述举例的uni-rate组件,它导入到uni-app项目后,存放在了目录/components/uni-rate/uni-rate.vue。

同时它的组件名称也叫uni-rate,所以这样的组件,不用在script里注册和引用。

底部弹窗效果图:

uni-popup组件的使用_第1张图片

 一、引入

uni-popup 弹出层 - DCloud 插件市场

uni-popup组件的使用_第2张图片

uni-popup组件的使用_第3张图片 这里直接引入到uni_modules目录

(如果是自己的组件 ,安装在项目的components目录下,目录例如:/components/uni-rate/uni-rate.vue。)

二、使用步骤

引入后的代码结构

uni-popup组件的使用_第4张图片


 
 

 

 

你可能感兴趣的:(vue.js,前端,javascript)