发表于： 2019-11-29 16:45:15
1 1305
今日完成
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
返回列表
评论