-
7.14.1 interface 与 type 的区别
interface 与 type 的区别 interface 和 type 都可以定义 对象 结构 interface 可以继承、合并 type 的 交叉类型 视频位置 TypeScript快速梳理_下篇 0:46:34 interface 与 type 的区别 相同点： interface 和 type 都可以⽤于定义对象结构 ，在... -
152_watch监视reactive定义的数据
视频内容 watch函数 视频内容 watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视 reactive()定义的响应式数据 时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视 reactive()定义的响应式数据中某个属性(该属性是对象) 时：deep配置有效。 //... -
4 类型声明
限制 变量 假设定义变量a 限制 函数 字面量类型 (了解 实际开发中用的不多) 视频位置 TypeScript快速梳理_上篇 18:57 限制 变量 假设定义变量a 在 js 中的写法: let a 在 ts 中的写法: let 变量: 类型 E.g 将 变量a 定义为 字符串类型 let a: string ... -
139_分析工程结构
源码 main.js 对象结果对比图： Vue3 app身上没有Vue2 vm身上那么多的属性。 Vue3 的Vue组件中，可以没有 div 根标签。 源码 main.js //引入的不再是Vue构造函数了,引入的是一个名为 createApp 的工厂函数。 //构造函数的特点: // new 函数 // 首字母大写; /... -
032_列表排序
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 列表排序</title > <script type ="text/javascript" src ="../js/vue.js" ... -
307 049.getters的使用
笔记 源码 store\count.ts components\Count.vue 笔记 如果有一天，你对 Pinia 中的数据不满意，可以追加一些配置项。例如: getters 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组... -
151_watch监视ref定义的数据
源码 Demo.vue 源码 Demo.vue <template > <h2 > 当前求和为：{{sum}}</h2 > <button @click ="sum++" > 点我+1</button > <hr > <h2 > 当前的信息为：{{msg}}</h2 > <button @... -
067_mixin混入
mixin(混合 混入) 1. 功能 2. 使用方式： 源码 mixin.js main.js mixin(混合 混入) mix 混合英[mɪks] 美[mɪks] 1. 功能 可以把 多个组件 共用的配置 提取成 一个 混入对象 2. 使用方式： 第一步：定义混合 { data(){....}, me... -
168_Vue3中其他的改变
笔记 视频内容 1.全局API的转移 2.其他改变 笔记 Vue3 没有 生产提示 配置项。 视频内容 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton' , { data : () => ({ ... -
167_Suspense组件
笔记 视频内容 源码 App.vue 笔记 suspense 悬念英[səˈspens]美[səˈspens] 视频内容 Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const...