![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Vue相关总结
大名张无忌
前端开发,技术栈涉及:Vue、React、小程序,交流可以私信/邮件:2285546178@qq.com
展开
-
Vue2 / 3 数据响应式的实现原理
vue2: Object.definePropertyvue3:proxy原创 2021-08-14 19:37:51 · 102 阅读 · 0 评论 -
Vue 组件间通信的几种方式
.sync解决了什么问题?Vue中,父组件如果想传递数据或方法给子组件,可以用props。如果子组件想修改父组件的值怎么办呢?在没有.sync的时候,使用eventbus的on和emit进行监听和修改:React中如何解决?(1)子组件通过props调用父组件的函数,从而修改父组件的data;(2)需要共享的数据用Redux来管理,使用Redux提供的方法来修改。...原创 2020-10-23 20:55:15 · 316 阅读 · 0 评论 -
Vue computed和watch
computed是计算属性。根据依赖的数据动态展示计算结果。特点:(1)在Vue中声明该属性以函数形式,但是调用的时候可以当成普通属性直接使用,无需加();(2)计算的结果是有缓存的,如果依赖的属性值没有变化,该计算属性就不会重新计算(Vue内部做了特殊处理)watch是侦听。可以监控属性的改变。当监听的数据发生变化时可以执行回调函数。特点:(1)从无到有算新生,不算变化,不在watch的默认监听范围内,可以用immediate值设置为true来把第一次的出生过程放进监听范围内;(2)..原创 2020-10-22 20:36:31 · 78 阅读 · 0 评论 -
Vue修改data以实现数据响应式
Vue为了实现在数据变化时对页面重新渲染。所以在初始化时对传进来来的数据对象进行监听。怎么保证你的变化我Vue能监听到?监听的操作就是:对数据对象的每一个数据,内部内部声明一个变量,存储这个传进来的初始值,然后开始了代理模式。后续对这个数据的读取和修改,实际都是对这个内部变量的getter和setter。由此所有的修改都会经过setter,那么只需要setter的时候触发监听函数,渲染页面即可。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所原创 2020-10-21 23:29:04 · 1039 阅读 · 0 评论 -
vue-loader助我愉快在运行时版里写html内容
Vue完整版(vue.js)与运行时(vue.runtime.common.js):完整版:同时包含编译器和运行时的版本运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码完整版可以直接在客户端...原创 2020-10-20 20:49:19 · 331 阅读 · 0 评论