初识vue框架（一）

索引 价格 姓名 性别 年龄 生日 {{i}} {{s.id | currency}} {{s.name | upperCase}} {{s.sex?'男':'女'}} 年轻 中年 老年 未知 {{s.birthday | dateFormat}}

效果：

双向数据绑定（v-model）

---

{{message}}

效果：

操作数据

---

{{message}}

更改message

更改message（带参数）

事件句柄

效果：

初识组件

---

效果：

效果：

组件props传值

效果：

组件实例

---

v-for=“item in groceryList” v-bind:todo=“item”

v-bind:key=“item.id”

is=“todo-item”>

效果：