-
085_全局事件总线2
总结 全局事件总线（GlobalEventBus） 源码 main.js components\School.vue components\Student.vue 总结 全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信 。 安装全局事件总线： new Vue({ ...... ... -
036_Vue监测数据的原理_数组
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue监测数据改变的原理_数组</title > <!-- 引入Vue --> <script type ="tex... -
098_github案例_静态组件
笔记 重要源码 App.vue components\Search.vue components\List.vue 笔记 一般把第三方库或样式放在一个公共的位置。 重要源码 App.vue <template > <!-- 来源 04_静态页面\2_users_page\index.html --> <div ... -
066_props配置
props配置项 1. 功能 2. 传递数据： 3. 接收数据： 源码 App.vue components\Student.vue props配置项 1. 功能 让 组件 接收 外部 传过来的数据。 2. 传递数据： 直接在父标签中写属性： <Demo name="xxx"/> 3. 接收数据： 第一种方式（只接收... -
028_条件渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 条件渲染</title > <script type ="text/javascript" src ="../js/vue.js" ... -
131_独享路由守卫
笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /... -
035_Vue.set()方法
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue监测数据改变的原理</title > <!-- 引入Vue --> <script type ="text/j... -
082_组件自定义事件_总结
组件的自定义事件 源码 App.vue Student.vue 组件的自定义事件 一种组件间通信的方式，适用于：子组件 ===> 父组件 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中 ）。 绑定自定义事件：3.1 第一种方式，在父组件中：<Demo @atguigu="test... -
167_Suspense组件
笔记 视频内容 源码 App.vue 笔记 suspense 悬念英[səˈspens]美[səˈspens] 视频内容 Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const... -
021_天气案例
vscode 插件 源码 vscode 插件 插件名： Vue 3 Snippets作者：hollowtree 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 天气案例</title > ...