1.数据的双向绑定 2.双向数据绑定实现 3.局部组件 4.局部组件的使用更改 5.父往子传值 1.在子组件中,使用props声明,可以直接在子组件中任意使用 2.父组件 要定义自定义的属性 6.子往父传值 1.子组件中通过$emit()触发父组件中自定义的事件 2.父组件中声明自定义的事件介绍 7 ...
分类:
其他好文 时间:
2018-11-28 22:19:44
阅读次数:
141
MVC模式 Model:数据,其实就是angular变量($scope.XX); View: 数据的呈现,Html+Directive(指令); Controller:操作数据,就是function,数据的增删改查; 双向绑定 依赖注入 对象在创建时,其依赖的对象由框架来自动创建并注入进来,其实就是 ...
分类:
Web程序 时间:
2018-11-23 20:33:07
阅读次数:
194
事件 案例: vue的事件绑定原理:改变图片的背景颜色问题来实现这个框架的使用方法, new Vue({ el:"", data:{}, methord:{}, computed:{} 计算属性的使用:用于大量基于数据模型的计算,但并不是每一次渲染都发生更改,计算属性就会将数据直接返回,这样提高计算 ...
分类:
其他好文 时间:
2018-11-22 10:42:53
阅读次数:
242
有个后台管理项目甲需要重构,以前是后台用的EXT开发的。 有什么需求吗?没有,只要页面清爽不那么乱七八糟就行,没有UI协助,自己做,随意在网上找一套UI框架,心情美美哒。 因为是公司内部项目,所以兼容性没什么太高要求,心情美美哒。 后台管理项目基本上都是表单,那何不用双向绑定Vue(比较热门,招人什 ...
分类:
其他好文 时间:
2018-11-21 17:51:04
阅读次数:
192
{{word}} change model ...
分类:
其他好文 时间:
2018-11-17 17:48:10
阅读次数:
183
v-model:双向绑定的值。这个值一改变,凡是用到这个值得地方都改变 ...
分类:
其他好文 时间:
2018-11-17 14:38:44
阅读次数:
133
Vuex是一个专为Vue服务,用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层,规定所有的数据操作必须通过 action – mutation – state change 的流程来进行,再结合Vue的数据视图双向绑定特性来实现页面的展示更新。统一的页面状态管理以 ...
分类:
其他好文 时间:
2018-11-16 01:13:36
阅读次数:
160
6. 数据双向绑定 视图和数据,只要一方发生变化,另一方跟着变化。 好处是不需要在代码中手动更新视图,简化开发,增加代码内聚性,代码可读性更强。 缺点是当绑定的数据层次深、数据量大时,会影响性能。 双向数据绑定的语法是 . 修改 中的内容如下: 当在input框中输入内容时,插值表达式的位置内容会同 ...
分类:
其他好文 时间:
2018-11-12 23:59:21
阅读次数:
351
采用 数据劫持 + 发布-订阅 模式,通过Object.definePropety()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调 需要对observer的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter ,这样,给这个对象 ...
分类:
其他好文 时间:
2018-11-12 11:22:53
阅读次数:
175
写vue也有一段时间了,对vue的底层原理虽然有一些了解,这里总结一下。 vue.js中有两个核心功能:响应式数据绑定,组件系统。主流的mvc框架都实现了单向数据绑定,而双向绑定无非是在单向绑定基础上给可输入元素添加了change事件,从而动态地修改model和view。 1. MVC,MVP,MV ...
分类:
其他好文 时间:
2018-11-07 15:24:50
阅读次数:
225