![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 61
半藏森林_
此人很帅,什么都没有写
展开
-
vue2.x 中的数据驱动视图MVVM,原理之一(监听数据变化)——defineproperty
设计思想: 只要触发数据的变动就需要立即触发视图的更新。则需要改造每一个data中的数据,设置访问器属性,每次数据的改动都会被set来接收,因此触发视图更新的步骤就可以在set中实现。具体代码://重新定义数组原型const oldArrayProperty = Array.prototype;const arrProto = Object.create(oldArrayProperty);//创建一个对象,使其继承自Array.prototype。用意在于我们不能直接污染全局的Array.pro原创 2021-05-05 17:10:19 · 211 阅读 · 0 评论 -
易忘知识点整理(持续更新)——VUE使用
1. 复习组件中自定义v-model指令使用:组件中v-model最基本的用法:在父组件给子组件绑定v-model的时候,相当于绑定了自定义事件@input,v-model=后面传递的值,是子组件在$emit('input', val)时父组件接受的val值,也是转递给子组件的值:自定义v-model的用法:子组件:<script>//在子组件定义model{ prop: 'fatherdata', event: 'custEventName' }export default {原创 2021-04-21 17:32:15 · 291 阅读 · 0 评论 -
Vue的绑定原理(注释版)
包含:选择器属性、闭包、遍历对象、虚拟DOM树、观察者模式、Object.defineProperties()方法改造data中的变量、递归、匿名函数等代码(具体看注释):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2020-07-07 20:42:28 · 153 阅读 · 0 评论 -
Vue当中的观察者模式(observer)
观察者模式: 当一个变量值被修改时,可以自动通知所有关注这个变量的其他对象,自动重新更新获取这个变量的新值。示例代码:<script>//观察者(observer)模式: 当一个变量值被修改时,可以自动通知所有关注这个变量的其他对象,让他们自动重新获得这个变量的新值。var data={ money:1000, setMoney(money){ this.money=money; //只要money被修改,就要调用notifyAll() this.noti原创 2020-07-07 18:04:16 · 3310 阅读 · 0 评论 -
Vue组件传参(父传子、子传父、兄弟间),以及路由传参
1.父传子①props传参与slot插槽子组件:script脚本中使用props属性接住父组件传过来的值,如:<script>export default { props: ['data1','data2'],//data1,data2表示从父组件传过来的值 name: 'todoItem', methods:{ }, data() { return { } }}</script>template中使用props属性中的值,如:<te原创 2020-07-06 19:27:49 · 2836 阅读 · 1 评论