-
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
009_el与data的两种写法
笔记 1. 在 Vue 中 $开头的对象或变量… 的含义 2. data 第二种写法不能写成data:=>function(){} 的原因 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > el与data的两种写法<... -
086_TodoList案例_事件总线
笔记 源码 main.js App.vue components\MyList.vue components\MyItem.vue 笔记 虽然 $bus 可以完成任何组件间数据的通讯，但是不是所有情况都需要麻烦 $bus。例如: 父 -> 子 ，我们用 props 就可以了 什么情况，适合 $bus 呢?类似隔层通讯的时候，例如 08... -
088_TodoList案例_pubsub
笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ... -
103_具名插槽
笔记 具名插槽 重要文件源码 App.vue components\Category.vue 笔记 具名插槽 当年挖坑(子组件)的时候，给这个坑取了一个名，等填坑(父组件)的时候，说明白(把哪个结构填到哪个结构里)就中了。 重要文件源码 App.vue <template > <div class ="contain... -
097_配置代理_方式二
vue脚手架配置代理 方法一 方法二 笔记 server1.js 重要源码 vue.config.js App.vue vue脚手架配置代理 方法一 在vue.config.js中添加如下配置： devServer :{ proxy :"http://localhost:5000" } 说明： 优点：配置简... -
096_配置代理_方式一
笔记 ajax方式 1. xhr //不常用这种直接操作 2. jQuery 3.axios //在用 √ 4.fetch 跨域 重要源码 App.vue vue.config.js 笔记 ajax方式 常用的发送 ajax 方式有哪些? 1. xhr //不常用这种直接操作 xhr 是 new XMLHttpReques... -
065_ref属性
笔记 ref属性 源码 App.vue 笔记 ref 是一个特殊的标签属性。之前学过一个特殊的标签属性key。 由于本课程测试比较多，如果我们把所有组件都写到 src目录，有可能看起来不方便。所以我们可以新建一个目录: 01_src_分析脚手架 ，将来用的时候，就把该目录名调整为src。目的：方便使用同样的脚手架，方便区分不同节课的教学内容。... -
102_默认插槽
笔记 重要文件源码 App.vue components\Category.vue category英[ˈkætəɡəri] 美[ˈkætəɡɔːri]n. 类别;(人或事物的)种类; 笔记 插槽：是子组件里预留的「插座孔」，让父组件可以把任意内容「插」进去显示。默认插槽： 就是只有一个插槽。 重要文件源码 App.vue <... -
104_作用域插槽
笔记 先看看 使用者父组件 通过scop可以看到的效果 总结 插槽 重要文件源码 App.vue components\Category.vue 笔记 本节想实现的效果: 图片来源 尚硅谷 数据 放在 子组件 中，数据的结构 是由 使用者(父组件) 来定。 本节讲的 作用域 的意思:子组件Category.vue的使用者App....