发表于: 2019-11-29 16:45:15

1 1304


今日完成

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


返回列表 返回列表
评论

    分享到