uni-app组件使用笔记:
注意事项:所有组件与属性名都是小写,单词之间以连字符-
连接
1.组件可以添加多个属性,多属性之间使用空格分隔,每个属性通过=赋值
2.组件属性类型:
Boolean属性: 组件写上该属性,不管该属性等于什么,其值都为 true
,只有组件上没有写该属性时,属性值才为 false
。如果属性值为变量,变量的值会被转换为 Boolean
类型。
3.公共属性类型:
id, ref, class, style,
hidden boolean类型,
data-* 组件触发事件时 发送数据给事件处理函数,
@**
v-*:v-if, v-else, v-for, v-model
4.组件中使用js变量
显示内容使用{{}}包裹,作为属性值使用属性前需要添加冒号:,
5.组件事件
事件也是组件的属性,只是以@作为前缀,属性值指向js方法,可以给方法传递参数。
<button size="mini" @click="goto('/pages/about/about')">按钮</button>