发表于: 2019-11-29 16:45:15
1 1303
今日完成
3 入门案例
- 1 vue声明式渲染(单向)
- 步骤
- 1 通过 new Vue()来创建Vue实例
- 2 构造函数接收一个对象,对象中有一些属性
- el:是element的缩写,通过id选中要渲染的页面元素,本例中是一个div
- data:数据是一个对象,里面有很多属性,都可以渲染到视图中
- name:这里我们指定了一个name属性
- 页面中的h2元素中,我们通过{{name}}的方式,来渲染刚刚定义的name属性。
- 代码
- 界面
- 步骤
- 2 双向绑定
- 步骤
- 在data添加了新的属性:num
- 在页面中有一个input元素,通过v-model与num进行绑定。
- 同时通过{{num}}在页面输出
- 代码
- 界面
- 步骤
- 3 事件处理
- 步骤
- 用v-on指令绑定点击事件,而不是普通的onclick,然后直接操作num
- 普通click是无法直接操作num的
- 代码
- 界面
- 步骤
明日计划
继续了解vue
评论