-
019_计算属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
050_生命周期_更新流程
面试官常问的问题 源码 面试官常问的问题 在哪个生命周期钩子中，页面和数据尚未保持同步？答案： beforeUpdate() 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 分析生命周期</titl... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty 直译： 给 方法 定义 属性。 源码 <!DOCTYPE html> ... -
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
035_Vue.set()方法
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue监测数据改变的原理</title > <!-- 引入Vue --> <script type ="text/j... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
066_props配置
props配置项 1. 功能 2. 传递数据： 3. 接收数据： 源码 App.vue components\Student.vue props配置项 1. 功能 让 组件 接收 外部 传过来的数据。 2. 传递数据： 直接在父标签中写属性： <Demo name="xxx"/> 3. 接收数据： 第一种方式（只接收... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
068_插件
插件 功能 本质 定义插件 源码 plugins.js main.js 插件 功能 用于增强Vue 本质 包含install() 方法的一个对象 ，install(Vue, …)的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 对象； 对象中必须包含 install() 定义插件 对象.install =...