1、拿Vue举例 （1）数据双向绑定 别人：教你怎么使用数据绑定 师兄：数据双向绑定的原理，自定义数据绑定 （2）vue-router 路由 别人：教你怎么使用路由师兄：路由实现的原理，根据实际情况自己设计路由 （3）vuex 状态管理 别人：教你怎么使用状态管理师兄：状态管理实现的原理，状态管理怎 ...
分类：
其他好文 时间：
2018-08-27 12:35:08
阅读次数：
117
前言 除了大家经常提到的自定义事件之外，浏览器本身也支持我们自定义事件，我们常说的自定义事件一般也都是用于项目中的一些通知机制，例如双向绑定。一起看一下如何实现自定义事件，以及基于观察者模式的双向绑定的基本原理。 <! more 浏览器自定义事件 定义 除了我们常见的click，touch等事件之外 ...
分类：
其他好文 时间：
2018-08-25 23:06:21
阅读次数：
200
简单来说，区别如下：1.v-bind用来绑定数据和属性以及表达式，缩写为'：'2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用 一、v-model v-model多在表单中使用，在表单元素上创建双向绑定，根据控件类型选择正确的方法更新元素，可以绑定text、radio、c ...
分类：
其他好文 时间：
2018-08-25 21:49:01
阅读次数：
204
当我们学习angular或者vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理。 简易vue源码地址：https://github.com/maxlove123/simple-Vue.git 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订 ...
分类：
其他好文 时间：
2018-08-25 14:02:24
阅读次数：
199
1. 父子通信 父 -> 子 props子 -> 父 事件$emit 父子传值，涉及到双向绑定的，一般用v-model，子组件使用$emit('input',data)还有一种是使用props向下传递一个对象，由于对象是一个引用，直接修改对象的属性，可以达到修改父组件值的目的，需要进一步验证。 2. ...
分类：
其他好文 时间：
2018-08-22 17:11:25
阅读次数：
134
Vue与React的对比 Vue.js与React.js从某些反面来说很相似，通过两个框架的学习，有时候对一些用法会有一点思考，为加深学习的思索，特翻阅了两个文档，从以下各方面进行了对比，加深了对这两个框架的认知。 1.数据绑定 1.1 Vue中有关数据绑定的部分 vue是双向绑定， Vue.js ...
分类：
Web程序 时间：
2018-08-21 16:00:57
阅读次数：
186
一. 单向绑定（ng-bind）和双向绑定（ng-model）的区别： 1.ng-bind 单向数据绑定（$scope->view），用于数据显示，简写形式，{{}}。 而这两者的区别，在于页面没有加载完毕时，{{val}}会直接显示到页面，直到angular渲染该绑定数据，这种写法可能将{{val ...
分类：
Web程序 时间：
2018-08-18 21:17:35
阅读次数：
208
事件 案例： vue的事件绑定原理:改变图片的背景颜色问题来实现这个框架的使用方法， new Vue({ el:"", data:{}, methord:{}, computed:{} 计算属性的使用：用于大量基于数据模型的计算，但并不是每一次渲染都发生更改，计算属性就会将数据直接返回，这样提高计算 ...
分类：
其他好文 时间：
2018-08-18 13:28:06
阅读次数：
167
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> ...
分类：
其他好文 时间：
2018-08-11 01:37:56
阅读次数：
151
上图： module: ts: scss html 目前实现可传入label文案， label的x轴偏移，input类型，验证数据的validate方法，input的双向绑定value值，错误提示信息等 用<ng-content></ng-content>预留的编辑位置，可以添加更多的html，方便 ...
分类：
其他好文 时间：
2018-08-09 14:03:10
阅读次数：
243
