1、在uniapp根目录下的components目录创建 自定义组件名.vue文件。代码如下:
[cc lang="html"]2、在其他页面调用该组件
首先要引用组件 [cc lang="html"]import 组件名称 from "../../components/组件名.vue"; //引用组件文件 //注册组件 export default{ components:{ 组件名称 }, } //在视图模板中使用组件 <组件名称 组件属性="对应的值">组件名称>[/cc] 代码解读:如果名称用-字符隔开,那么在组件的时候,把名称的-后面的第一个字换成大写字母,比如组件名 shop-menu 那么组件名称为shopMenu。 以上就是使用uniapp抽离组件的方法。是不是很简单呢?你学会了吗?如需转载请保留本文出处: https://www.zhe94.com/849.html