-
134_element-ui基本使用
笔记 Element UI 笔记 UI组件库有两大类： 移动端 和 PC端 移动端常用 UI 组件库 Vant https://vant-ui.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io NUT UI ht... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象... -
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 > <!-- 把上节的插值... -
166_Teleport组件
笔记 视频内容 源码 components\Dialog.vue teleport 远距离传送英[ˈtelipɔːt]美[ˈtelipɔːrt] 笔记 数据驱动显示。 视频内容 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构 移动到 指定位置 的技术。 <teleport to ="移... -
009_el与data的两种写法
笔记 1. 在 Vue 中 $开头的对象或变量… 的含义 2. data 第二种写法不能写成data:=>function(){} 的原因 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > el与data的两种写法<... -
096_配置代理_方式一
笔记 ajax方式 1. xhr //不常用这种直接操作 2. jQuery 3.axios //在用 √ 4.fetch 跨域 重要源码 App.vue vue.config.js 笔记 ajax方式 常用的发送 ajax 方式有哪些? 1. xhr //不常用这种直接操作 xhr 是 new XMLHttpReques... -
113_mapActions与mapMutations
笔记 重要文件源码 components\Count.vue 笔记 课程:https://www.bilibili.com/video/BV1Zy4y1K7SH?p=113 经验：看到 commit(大写方法名,参数) ，就应该明白正在和 mutations 对话。怎么和mutations对话呢？你要调 commit(大写方法名,参数) 为... -
138_使用vite创建工程
笔记 视频文档 问题 笔记 vite /vit/:是新一代的构建工具。 老一代的构建工具 是 webpack 。 视频文档 官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite官网：https://vitejs.cn 什么是vite？—— 新一代前端构建工具... -
104_作用域插槽
笔记 先看看 使用者父组件 通过scop可以看到的效果 总结 插槽 重要文件源码 App.vue components\Category.vue 笔记 本节想实现的效果: 图片来源 尚硅谷 数据 放在 子组件 中，数据的结构 是由 使用者(父组件) 来定。 本节讲的 作用域 的意思:子组件Category.vue的使用者App....