自定义组件的properties和data
2024-10-13 00:14:42
// components/epsoide/index.js
Component({
/**
* 组件的属性列表
*/
properties: {
index: {
type: Number
//value: 'abcd' //设置index的默认值，如果父组件中没有传递这个属性的值，则调用默认值
}
},
/**
* 组件的初始数据
*/
data: {
//index: 123, //properties中的index的值会覆盖data中的index的值
year: ,
month: ''
},
/**
* 组件的方法列表
*/
methods: {
}
})
1、在小程序中，properties的值是从data中来的，所以wxml中两者的调用方法是一样的: {{index}}, {{month}}
2、propeties中和data中如果有相同的值，properties中的值会覆盖data中的值，但是如果properties中用this.setData()的方法也改变这个值，则this.setData()中的值又会覆盖properties中的值
3、<v-epsoide index="{{classic.index}}" /> 父组件通过index="{{}}}"向子组件传值
4、子组件向父组件传值，通过触发事件：this.triggerEvent('like', {}, {})
5、自定义组件中更改data的级别（级别高的会覆盖级别低的）
this.setData({index: 123}) --> properties: {index: 456} --> data: {index: 'abc'}
最新文章
- CSS布局奇淫技巧之--各种居中
- c#制作一个屏幕保护程序
- python自省函数getattr的用法
- jqgrid显示一行的详情
- svn使用（三）
- IntelliTrace简介
- UVALive 6269 Digital Clock --枚举，模拟
- DHTML【8】--CSS
- Git中的merge命令实现和工作方式
- 8VC Venture Cup 2017 - Elimination Round
- 7 款华丽的 HTML5 Loading 动画特效
- Eviews 8.0＆9.0界面新功能介绍
- 转：jsp与servlet的区别与联系
- GridView position = 0重复加载的问题
- C++以const 作为返回值类型的意义
- GBDT用于分类问题
- 有复选框情况下，sql拼写技巧
- （转）Paper list of Meta Learning/ Learning to Learn/ One Shot Learning/ Lifelong Learning
- Kubernetes之Controllers二
- VSFTP再配置 我里个去马蛋网上这么多烂文章，走了好多弯路