-
098_github案例_静态组件
笔记 重要源码 App.vue components\Search.vue components\List.vue 笔记 一般把第三方库或样式放在一个公共的位置。 重要源码 App.vue <template > <!-- 来源 04_静态页面\2_users_page\index.html --> <div ... -
NonNullable
NonNullable是 TypeScript 内置的工具类型 ，它会从 类型T 中移除 null 和 undefined 。 使用示例： //从 类型a 中移除 null和 undefined 给 b type a = string | null | undefined type b = NonNullable<a> // b 是 str... -
037_总结Vue监视数据
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 总结数据监视</title > <style > button { margi... -
131_独享路由守卫
笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /... -
085_全局事件总线2
总结 全局事件总线（GlobalEventBus） 源码 main.js components\School.vue components\Student.vue 总结 全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信 。 安装全局事件总线： new Vue({ ...... ... -
019_计算属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
021_天气案例
vscode 插件 源码 vscode 插件 插件名： Vue 3 Snippets作者：hollowtree 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 天气案例</title > ... -
013_Vue中的数据代理
源码 数据代理图示 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue中的数据代理</title > <!-- 引入Vue --> <script type ="t... -
305 047.修改数据(三种方式)
源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St... -
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ...