一 、数据绑定 以上代码，定义了2个输入框和两个p标签用来显示内容。先把body 标签中的 ng-app=" " 和 ng-init="userName='tom'" 给去掉，打开页面，发现姓名后面直接显示表达式了， 表达式原样输出说明 js 语法是有问题的，而angularjs也引入了，出现这个问 ...
分类：
Web程序 时间：
2018-06-14 01:05:51
阅读次数：
237
一、概述 vuejs是采取数据劫持结合发布者-订阅者模式的方式实现model-->view的数据绑定，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的数据回调。 至于view-model的绑定是对表单添加了chan ...
分类：
其他好文 时间：
2018-06-06 15:45:13
阅读次数：
139
v-model：双向数据绑定必须在表单中使用，input，select等 v-on:click 简写 @click ：事件绑定，方法放到methods中 ref="userInfo" ： 给标签设置ref属性，可在js中通过this.$refs获取到相应dom节点 this.$refs.userIn ...
分类：
其他好文 时间：
2018-06-06 10:45:28
阅读次数：
126
1:文本插值使用双大括号{{}}也支持单次插值，即首次赋值后再更改vue实例中的属性值不会引起DOM变化。例如:注意:在vue1.0中采用的是{{*msg}}进行单此绑定，在vue2.0中已经剔除了这种写法，采用了v-once这种写法。2:绑定html属性值注意:用v-bind:来进行属性值的绑定，可以简写。3:绑定表达式4:输出HTML(v-html)输出的结果是:5:双向数据绑定双向数据绑定一
分类：
其他好文 时间：
2018-06-03 22:17:36
阅读次数：
147
vue是一个MVVM的框架 M model V view MVVM model改变会影响视图view，view改变会影响model 双向数据绑定必须在表单里面使用 //我发现在谷歌浏览器翻译后的网页中vue的双向数据绑定不好用，暂时还没有解决方法 <h2>{{msg}}</h2> <input ty ...
分类：
其他好文 时间：
2018-06-02 11:33:57
阅读次数：
117
首先简单说一下vue双向数据绑定在实际应用上会有一点异常。 1.比如我想使用一个数组内部数据的改变，直接使用arr[0]=‘bbbb’，这样是不会触发数据绑定的。视图不会变化。 2.这个问题就纯是js的问题了。。我们需要把一个json数据的值赋值给另一个，当我们改变另一个数据内部的数据时。第一个也会 ...
分类：
其他好文 时间：
2018-05-26 21:21:39
阅读次数：
230
响应式系统 一、概述 Vue通过设定对象属性的 setter/getter 方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是一个观察者，在数据变更的时候通知订阅者更新视图。 双向数据绑定，简单点来说分为三个部分： 1、Observer。这里的主要工作是递归地监听对象上的 ...
分类：
其他好文 时间：
2018-05-24 16:31:35
阅读次数：
203
一、Vue.js： 其实Vue.js不是一个框架，因为它只聚焦视图层，是一个构建数据驱动的Web界面的库。 Vue.js通过简单的API（应用程序编程接口）提供高效的数据绑定和灵活的组件系统。 Vue.js的特性如下： 1.轻量级的框架 2.双向数据绑定 3.指令 4.插件化 优点： 1. 简单：官 ...
分类：
其他好文 时间：
2018-05-24 12:04:02
阅读次数：
179
v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊
分类：
Web程序 时间：
2018-05-21 12:14:42
阅读次数：
258
