VUE

213 阅读1分钟

原理:segmentfault.com/a/119000001…

proxy

vue里代替defineproperty原因:

  1. Proxy无需一层层递归为每个属性添加代理,一次即可完成以上操作
  2. 性能上更好,并且原本的实现有一些数据更新不能监听到,但Proxy可以完美监听到任何方式的数据改变
  3. 缺点:浏览器兼容性

分割线

生命周期: vue路由原理 不重新请求页面的情况下更新视图 利用url 中的 hash '#' 利用history 在h5中新增的方法

segmentfault.com/a/119000001… 经过修改URL,在不重新请求页面的情况下更新页面视图。 songfens.club/topic/58/一文…

vuex原理:

www.jianshu.com/p/d95a7b8af… mp.weixin.qq.com/s/igkif-J_B…

computed

segmentfault.com/a/119000001…

vue.use

v-model和v-bind区别

v-model:双向绑定 v-bind:单向绑定表达式,可简写为:@

bus

vue中的bus事件,一般作为中央事件总线来使用 简单例子:比如在A,B组件为兄弟组件,现在A要调用B的中C事件 1.创建一个bus.js 内容: import Vue from 'vue' const Bus = new Vue() export { Bus } 2.在A,B组件中引入bus.js import { Bus } from 'bus' 3.在A组件中定义要调用B事件的bus事件名 例如:Bus.emit('callC')
4.在B组件中调用C方法
Bus.on('callC',this.C) Bus.$on里有两个参数,第一个是在A组件定义的名字,第二个参数是B组件要调用的方法

vue和react对比

https://blog.csdn.net/m0_37631322/article/details/80719756
相同点:
    都是组件化开发,props传递
    都是虚拟dom
    配套框架
区别
    模板 vs JSX
    对象属性和状态管理

虚拟DOM Diff算法

mp.weixin.qq.com/s/mUqHqkgA4…

分割线