重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ...

笔记 具名插槽 重要文件源码 App.vue components\Category.vue 笔记 具名插槽 当年挖坑(子组件)的时候，给这个坑取了一个名，等填坑(父组件)的时候，说明白(把哪个结构填到哪个结构里)就中了。 重要文件源码 App.vue <template > <div class ="contain...

笔记 重要文件源码 App.vue components\Category.vue category英[ˈkætəɡəri] 美[ˈkætəɡɔːri]n. 类别;(人或事物的)种类; 笔记 插槽：是子组件里预留的「插座孔」，让父组件可以把任意内容「插」进去显示。默认插槽： 就是只有一个插槽。 重要文件源码 App.vue <...

根目录 package.json package-lock.json src目录 assets main.js 测试 编译出错: 根目录 package.json 运行 npm run serve 时，实际对应该包中的: "serve" : "vue-cli-service serve" 运行 npm run build ...

笔记 先看看 使用者父组件 通过scop可以看到的效果 总结 插槽 重要文件源码 App.vue components\Category.vue 笔记 本节想实现的效果: 图片来源 尚硅谷 数据 放在 子组件 中，数据的结构 是由 使用者(父组件) 来定。 本节讲的 作用域 的意思:子组件Category.vue的使用者App....

1. 术语混用的原因 中文翻译的灵活性 实际开发中的习惯 2. “状态” vs “数据” 的精确区别 代码对比 3. Vuex 中真正的”状态” 不仅仅是数据 状态驱动UI 4. 官方文档的用词分析 正确表述的示例 文档中混用的地方 5. 为什么应该用”状态”而不是”数据” 概念完整性 React 的对比 ...

组件的自定义事件 源码 App.vue Student.vue 组件的自定义事件 一种组件间通信的方式，适用于：子组件 ===> 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中 ）。 绑定自定义事件：3.1 第一种方式，在父组件中：<Demo @atguigu="test...

笔记 重要文件源码 store\index.js components\Count.vue 笔记 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vu...

笔记 后退 前进 视频教程中的笔记 笔记 根据前面的知识，我们知道使用 <router-link to="..." ></router-link> 可以实现跳转。但是有时候，万一导航是由 button 写的(其中情况之一,为了说明不是用 router-link )，如何实现跳转呢? 后退 前进 13:30 视频教程中的笔记 编程式路...

main.js main.js main.js 是入口文件，先不要随便改名，因为脚手架里写好的，人家就去src目录里去找一个叫 main.js 文件。 如果想看默认的配置，在目录里执行: vue inspect > output .js 其中输出文件中可以看到 配置入口文件名的位置: entry :{ app : [ ...