-
009_el与data的两种写法
笔记 1. 在 Vue 中 $开头的对象或变量… 的含义 2. data 第二种写法不能写成data:=>function(){} 的原因 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > el与data的两种写法<... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象... -
138_使用vite创建工程
笔记 视频文档 问题 笔记 vite /vit/:是新一代的构建工具。 老一代的构建工具 是 webpack 。 视频文档 官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite官网：https://vitejs.cn 什么是vite？—— 新一代前端构建工具... -
100_github案例_完善案例
笔记 重要文件源码 components\Search.vue components\List.vue 笔记 模拟掉线，让chrome浏览器断网。设置如下: 重要文件源码 components\Search.vue <template > <!-- 头部搜索 --> <section class ="jumb... -
112_mapState与mapGetters
笔记 重要文件源码 components\Count.vue 笔记 原则：不要使用过长的 插值语法 。 map*** 写法，一共有4种，本节先讲两个：mapSate mapGetters 重要文件源码 components\Count.vue <template > <div > <!-- 把上节的插值... -
096_配置代理_方式一
笔记 ajax方式 1. xhr //不常用这种直接操作 2. jQuery 3.axios //在用 √ 4.fetch 跨域 重要源码 App.vue vue.config.js 笔记 ajax方式 常用的发送 ajax 方式有哪些? 1. xhr //不常用这种直接操作 xhr 是 new XMLHttpReques... -
147_Vue3响应式原理_Reflect
笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob... -
166_Teleport组件
笔记 视频内容 源码 components\Dialog.vue teleport 远距离传送英[ˈtelipɔːt]美[ˈtelipɔːrt] 笔记 数据驱动显示。 视频内容 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构 移动到 指定位置 的技术。 <teleport to ="移... -
126_编程式路由导航
笔记 后退 前进 视频教程中的笔记 笔记 根据前面的知识，我们知道使用 <router-link to="..." ></router-link> 可以实现跳转。但是有时候，万一导航是由 button 写的(其中情况之一,为了说明不是用 router-link )，如何实现跳转呢? 后退 前进 13:30 视频教程中的笔记 编程式路... -
113_mapActions与mapMutations
笔记 重要文件源码 components\Count.vue 笔记 课程:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=113 经验：看到 commit(大写方法名,参数) ，就应该明白正在和 mutations 对话。怎么和mutations对话呢？你要调 commit(大写方法名,参数) 为...