uniapp如何创建自定义组件和局部引入组件

一、创建一个components文件夹(用于创建文件夹),并在components文件夹中创建组价card.vue。
第一步右击demo项目,选择 新建(N),选择 目录,把目录名命名为 components;

uniapp如何创建自定义组件和局部引入组件_第1张图片
第二步右击components目录
uniapp如何创建自定义组件和局部引入组件_第2张图片
第三步出现以下弹窗,输入组件名,选择所需的模板,点击确定
uniapp如何创建自定义组件和局部引入组件_第3张图片

三、组件的引入
uniapp如何创建自定义组件和局部引入组件_第4张图片

1、全局引入组件(任意界面都可以使用)
uniapp如何创建自定义组件和局部引入组件_第5张图片

组件的调用
uniapp如何创建自定义组件和局部引入组件_第6张图片

2、局部引入组件(指定界面使用)
uniapp如何创建自定义组件和局部引入组件_第7张图片

你可能感兴趣的:(uniapp,uni-app,vue.js,前端)