基础知识-第四节:常用的指令

开始

vue.js吸收了Angular的指令系统和React的组件化思想.这里我们再赘述一下:

案例.png

代码解释说明

  • 首先我们会使用new Vue({})来实例化一个vue.js的对象.通过data这个对象的属性来构造model,通过{{}}(这个东西叫做"插值")这样的一个符号来将model和view进行绑定.
  • methods
    • 这个对象内部存储的是方法

    • methods对象.png
    • 通过this.a可以访问到这个vue实例中的数据模型对象

  • watch
    • 字面上的意思就是监听.和Angular的$watch是一样的.看下面的图示

    • watch对象.png
    • 这里watch监听了a对象的值,当她的值发生改变的时候,就会触发后面的函数.

常用指令

vue.js吸收了Angular优秀的指令系统,通过指令我们可以很方便的操作DOM的状态.下面熟悉一下常用的一些指令.都很简单也很方便使用.

推荐阅读更多精彩内容