开始
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的状态.下面熟悉一下常用的一些指令.都很简单也很方便使用.
