-
158_shallowReactive与shallowRef
视频内容 源码 Demo.vue shallow 浅层次 视频内容 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层 属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据，... -
7.7 enum
1. 数字 枚举 2. 字符串 枚举 3. 常量枚举 视频位置 TypeScript快速梳理_中篇 视频位置 00:24:09 枚举（ enum ）可以定义⼀组 命名常量 ，它能增强代码的可读性，也让代码更好维护。 如下代码的功能是：根据调⽤ walk 时传⼊的不同参数，执⾏不同的逻辑，存在的问题是调⽤ walk 时传参时没有任何提示，编... -
031_列表过滤
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 列表过滤</title > <script type ="text/javascript" src ="../js/vue.js" ... -
149_setup的两个注意点
笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot... -
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ... -
069_scoped样式
scoped样式 源码 School.vue Student.vue scoped 仔细看英[skəʊ pt] 美[skoʊpt] 组件加 scoped 之后，里面缩写的样式只负责本组件。 scoped样式的实现原理：在 最外侧 div 添加了一个 data-v-随机数 属性， scoped样式 作用：让样式在局部生效，防... -
008_数据绑定
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 数据绑定</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
042_v-cloak指令
v-cloak 指令没有值，只有名。 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-cloak指令</title > <style > /*将本页所有的 v-cloak... -
131_独享路由守卫
笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /... -
018_姓名案例
源码 插值语法实现 源码 method方法实现 源码 插值语法实现 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_插值语法实现</title > <!-- 引入Vue --> ...