-
114_多组件共享数据
重要文件源码 store\index.js components\Count.vue components\Person.vue 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex'... -
163_响应式数据的判断
视频内容 响应式数据的判断 源码 App.vue 视频内容 响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 rea... -
057_VueComponent构造函数
源码 如何体现 vm 管理着 各个 vc 呢? 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > VueComponent</title > <script type ="text/jav... -
027_绑定style样式
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 绑定样式</title > <style > .basic{ width: 4... -
048_引出生命周期
视频 生命周期函数： 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=48 生命周期函数： Vue 在一些 关键的时间点 调用的一些 特殊的函数。 源码 <!DOCTYPE html> <h... -
081_组件自定义事件_解绑
源码 App.vue Student.vue 源码 App.vue <template > <div class ="app" > <h1 > {{ msg }}</h1 > <!-- 通过父组件给子组件 传递函数类型的props 实现： 子给父传递数据 --> <School... -
160_toRaw与markRaw
视频内容 源码 components\Demo.vue raw 原始 视频内容 toRaw 与 markRaw toRaw： 作用：将一个由reactive 生成的响应式对象 转为普通对象 。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不... -
115_vuex模块化 namespace 1
重要文件源码 App.vue store/index.js components\Count.vue components\Person.vue 重要文件源码 App.vue <template > <div > <Count /> <hr > !-- <Person ... -
067_mixin混入
mixin(混合 混入) 1. 功能 2. 使用方式： 源码 mixin.js main.js mixin(混合 混入) mix 混合英[mɪks] 美[mɪks] 1. 功能 可以把 多个组件 共用的配置 提取成 一个 混入对象 2. 使用方式： 第一步：定义混合 { data(){....}, me... -
016_键盘事件
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 键盘事件</title > <!-- 引入Vue --> <script type ="text/javascrip...