Appearance
组件概述
所有组件与属性名都是小写,单词之间以连字符-连接。
vue
<component-name property1="value" property2="value">
content
</component-name>每个
vue文件的根节点必须为<template>,且这个<template>下只能且必须有一个根<view>组件
组件属性类型
| 类型 | 注解 |
|---|---|
Boolean | 组件写该属性,其值都为 true,只有组件上没有写该属性时,属性值才为 false。如果属性值为变量,变量的值会被转换为 Boolean 类型。 |
Number | 1, 2.5 |
String | "string" |
Array | [ 1, "string" ] |
Object | |
EventHandler | handlerName 是 methods 中定义的事件处理函数名 |
Any |
公共属性列表
| 属性名 | 类型 | 描述 | 注解 |
|---|---|---|---|
| id | String | 组件的唯一标示 | 一般用于获取组件上下文对象 |
ref | String | vue 组件唯一标示 | 用来给子组件注册引用信息 |
| class | String | 组件的样式类 | 在对应的 css 中定义的样式类 |
| style | String | 组件的内联样式 | 可以动态设置的内联样式 |
hidden | Boolean | 组件是否隐藏 | 所有组件默认是显示的 |
data-* | Any | 自定义属性 | 组件触发事件,会发送给事件处理函数 |
@* | EventHandler | 组件的事件 | 详见各组件详细文档,事件绑定参考 |