欠伸展肢体,吟咏心自愉。这篇文章主要讲述Uni-App - 自定义组件 - 自定义组件创建及使用相关的知识,希望能为你提供帮助。
创建自定义组件
1、新建 组件.vue 文件
2、组件文档结构
<
template name="组件名称">
<
view>
......
<
/view>
<
/template>
<
script>
export default {
name: "组件名称",
//属性
props: {
属性名称: {
type: String,//属性类型
value: "值"
},
......
},
//组件生命周期
created:function(e){},
methods: {
函数名称:function(obj){},
}
}
<
/script>
<
style>
组件样式
<
/style>
【Uni-App - 自定义组件 - 自定义组件创建及使用】?
使用组件
1、引用组件
import 组件名称 from "../../components/组件名.vue";
2、注册组件
export default{
components:{
组件名称
},
}
3、在试图模板中使用组件
<
组件名称 组件属性="对应的值">
<
/组件名称>
推荐阅读
- This usually happens because your environment has changed since running `npm install`.
- Mybatis中mapper.xml中的模糊查询
- Android开发 碎片Fragment的API全解与标准使用
- AndroidStudio虚拟机 "A system image must be selected to continue"问题解决
- spring boot集成mybatis 自动生成实体类和mapper文件Dao层
- 《aelf经济和治理白皮书》重磅发布(为DAPP提供治理高效价值驱动的生态环境)
- 6mybatis学习——mapper映射配置
- 10个wget命令示例可帮助你进行故障排除
- 让你的网站由真实人审核