-
020_计算属性_简写
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
第三方库
1. 第三方库的定义 1.1 什么是第三方库？ // 第三方库的特征： // 1. 不是 Node.js 内置模块 // 2. 不是浏览器原生 API // 3. 不是项目自身的代码 // 4. 需要通过 npm/yarn 安装 // ✅ 第三方库示例 import axios from 'axios' ... -
130_全局后置_路由守卫
视频教程中的笔记 视频教程中的笔记 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from ,next )=> { console .log('beforeEach' ,to,fro... -
106_求和案例_纯vue版
笔记 重要文件源码 components\count.vue 笔记 安装 vue-resource 包 npm i vue-resource 引入 vue-resource 包，会在 vc 上多一个 $http ，如下图所示： 重要文件源码 components\count.vue <template > <div ... -
146_Vue3响应式原理_Proxy
源码 模拟Vue2 实现响应式 模拟Vue3 实现响应式 源码 模拟Vue2 实现响应式 直接使用一个 .html 模拟 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Document</titl... -
7.3 never
1. ⼏乎不⽤ never 去直接 限制 变量，因为没有意义 2. never 也可⽤于 限制 函数的 返回值 3. never ⼀般是 TypeScript 主动推断 出来的 视频位置 TypeScript快速梳理_上篇 44:05 never 不是用来限制变量的，而是用来限制函数的返回类型 。 never 的含义是：任何值都不是，即：... -
139_分析工程结构
源码 main.js 对象结果对比图： Vue3 app身上没有Vue2 vm身上那么多的属性。 Vue3 的Vue组件中，可以没有 div 根标签。 源码 main.js //引入的不再是Vue构造函数了,引入的是一个名为 createApp 的工厂函数。 //构造函数的特点: // new 函数 // 首字母大写; /... -
151_watch监视ref定义的数据
源码 Demo.vue 源码 Demo.vue <template > <h2 > 当前求和为：{{sum}}</h2 > <button @click ="sum++" > 点我+1</button > <hr > <h2 > 当前的信息为：{{msg}}</h2 > <button @... -
152_watch监视reactive定义的数据
视频内容 watch函数 视频内容 watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视 reactive()定义的响应式数据 时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视 reactive()定义的响应式数据中某个属性(该属性是对象) 时：deep配置有效。 //... -
7.4 void
1. void 通常⽤于 函数 返回值 声明 ★ 2. 以下写法均符合规范 3. 那限制函数返回值时，是不是 undefined 和 void 就没区别呢？ 理解 void 与 undefined 视频位置 TypeScript快速梳理_上篇 49:56 void 的含义是空。 1. void 通常⽤于 函数 返回值 声明 ★ voi...