10 2024 档案

项目结构和规范
摘要：当然可以！以下是将您提供的内容重新组织和格式化后的版本，使其更易于阅读和理解： 项目结构 node_modules: 项目依赖的包所在的目录 public: 存放 favicon 图标和 HTML 根模板 src: 项目代码目录 api: 请求接口配置 assets: 图片、字体等静态资源目录 co 阅读全文
posted @ 2024-10-30 17:25 一曲微茫 阅读(11) 评论(0) 推荐(0) 编辑
需求分析
摘要：根据您提供的需求列表，我们可以将其分为前端（Frontend）和后端（Backend）两个部分。前端主要关注用户界面和用户体验，而后端则负责处理业务逻辑、数据处理、数据库交互等功能。 前端 (Frontend) 需求 状态总览页面增加各个中心的使用数据比对 增加中心层级的使用数据对比，优化整体显示效 阅读全文
posted @ 2024-10-30 17:07 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
102 默认插槽
摘要： 阅读全文
posted @ 2024-10-30 15:08 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
105 vuex简介
摘要：注意状态就是指数据！！！ 阅读全文
posted @ 2024-10-30 14:39 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
001 vue.config相关
摘要：配置代理服务器 阅读全文
posted @ 2024-10-30 14:23 一曲微茫 阅读(6) 评论(0) 推荐(0) 编辑
096 配置代理 方式一 通过v-cli开启代理服务器
摘要：这样不行，因为会触发ajax的跨域问题，我们通过代理服务器的方式，在浏览器和目标服务器之间设置一个端口号与浏览器端口号相同的代理服务器 阅读全文
posted @ 2024-10-30 14:21 一曲微茫 阅读(6) 评论(0) 推荐(0) 编辑
090 $nextTick
摘要：this.$nextTick 是 Vue.js 提供的一个方法，用于在下次 DOM 更新循环结束之后执行延迟回调。这对于确保 DOM 已经更新后再执行某些操作非常有用。例如，当你修改了数据并且需要在这之后访问更新后的 DOM 元素时，可以使用 this.$nextTick。 在你的代码中，如果你需要 阅读全文
posted @ 2024-10-30 10:36 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
087 消息订阅与发布
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241029165507762-482127348.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241029170526268-304566760.png) 阅读全文
posted @ 2024-10-29 17:05 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
085 全局事件总线2
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241029161240765-1263680763.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241029163820939-1372813786.png) 阅读全文
posted @ 2024-10-29 16:14 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
084 全局事件总线1
摘要：x应该具备两个能力：1.所有组件都能看到x;2.可以调用$on,$off,$emit 全局事件总线（Global Event Bus）是一种在 Vue 应用中实现组件间通信的技术。它可以用于任意组件之间的通信，包括父子组件、兄弟组件以及跨层级的组件。全局事件总线的核心思想是创建一个独立的事件中心，组 阅读全文
posted @ 2024-10-29 15:53 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
081 组件自定义事件-解绑
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241029150641046-602917121.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241029150825466-194654938.png) 阅读全文
posted @ 2024-10-29 15:12 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
080 组件自定义事件-绑定
摘要：原则：给谁绑定的事件，就去找谁触发 阅读全文
posted @ 2024-10-29 14:58 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
079 todolist本地存储
摘要：考虑通过watch属性，实时监测todos的改变 阅读全文
posted @ 2024-10-29 14:41 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
078 本地数据存储
摘要：注意本地存储不是vue的功能，而是js的功能，直接在html中写。存储的内容均是字符串，因此如果存储的是对象，需要转换格式，读取时也是 阅读全文
posted @ 2024-10-29 14:32 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
077 todolist案例总结
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241029110956007-456740302.png) 阅读全文
posted @ 2024-10-29 11:09 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
070 案例 静态页面
摘要：一般一堆数据用数组存储，数组里放一个个对象 阅读全文
posted @ 2024-10-28 10:07 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
069 scoped
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241028091356419-75983971.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241028091422559-1219266232.png) 阅读全文
posted @ 2024-10-28 09:14 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
068 插件
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241028090006656-1924411265.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241028090309313-715187086.png) ![](https://i 阅读全文
posted @ 2024-10-28 09:06 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
067 mixin混入
摘要：以上是局部引入，全局引入直接在main.js中 阅读全文
posted @ 2024-10-27 22:32 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
066 props配置
摘要：一般开发中简单声明写得多 阅读全文
posted @ 2024-10-27 21:53 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
065 ref属性
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241027212354320-1137474351.png) 阅读全文
posted @ 2024-10-27 21:24 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
064 修改脚手架默认配置
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241027212334781-1112372547.png) 阅读全文
posted @ 2024-10-27 21:23 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
063 render函数
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241027212256701-789016261.png) 阅读全文
posted @ 2024-10-27 21:22 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
062 脚手架结构分析
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241027212149702-1039168370.png) 阅读全文
posted @ 2024-10-27 21:22 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
060 单文件组件
摘要：Vue的单文件组件用.vue结尾 单文件组件的格式如下： 别忘了template标签是不参与编译的，最后在页面上不显示 School组件 vue结构快捷键<v app组件 main.js,创建vue index.html准备容器 如果想在容器中什么都不写，调整main.js 阅读全文
posted @ 2024-10-25 11:15 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
059 一个重要的内置关系
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241025100654710-908664297.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241025101719836-126799.png) 阅读全文
posted @ 2024-10-25 10:32 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
057 VueComponent构造函数
摘要：在开发者工具中可以看到vm管理着vc 阅读全文
posted @ 2024-10-25 10:06 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
056 组件的嵌套
摘要：在开发中我们通常弄一个app组件，vm只管理这一个组件，而app组件管理其他所有组件 阅读全文
posted @ 2024-10-25 09:13 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
055 组件的注意事项
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023164029714-589085226.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023164251306-1639128474.png) 阅读全文
posted @ 2024-10-23 16:45 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
054 非单文件组件
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023154945892-743848793.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023160355638-1992108718.png) ![](https://i 阅读全文
posted @ 2024-10-23 16:39 一曲微茫 阅读(1) 评论(0) 推荐(0) 编辑
053 对组件的理解
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023153323940-1085383598.png) 阅读全文
posted @ 2024-10-23 15:37 一曲微茫 阅读(1) 评论(0) 推荐(0) 编辑
052 生命周期总结
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023150049129-1067714218.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023150748685-1643097213.png) ![](https:// 阅读全文
posted @ 2024-10-23 15:17 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
051 生命周期销毁流程
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023144930737-524894098.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023145416155-406949231.png) 阅读全文
posted @ 2024-10-23 14:58 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
050 生命周期更新流程
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023144129765-1187031642.png) 阅读全文
posted @ 2024-10-23 14:41 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
049 生命周期挂载流程
摘要：页面挂载（Mounting）在Web开发的上下文中，特别是在使用Vue.js等现代JavaScript框架时，指的是将Vue实例连接到HTML文档中的特定元素上，使其能够控制该元素及其子元素的行为和显示的过程。 具体来说，Vue.js通过创建一个Vue实例，并使用该实例的el选项（或者通过Vue实例 阅读全文
posted @ 2024-10-23 14:41 一曲微茫 阅读(5) 评论(0) 推荐(0) 编辑
048 生命周期
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023110722960-1279924349.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023110840373-1810179647.png) 阅读全文
posted @ 2024-10-23 11:08 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
044 内置指令总结
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023102505803-480453822.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023102356139-1168096681.png) ![](https://i 阅读全文
posted @ 2024-10-23 10:40 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
039 过滤器
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023100202296-139733330.png) 阅读全文
posted @ 2024-10-23 10:07 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
038 收集表单数据
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023094305436-831776902.png) 阅读全文
posted @ 2024-10-23 09:43 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
037 vue监测总结
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022202758236-377178953.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241023090259516-720689995.png) 阅读全文
posted @ 2024-10-22 20:14 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
30 key的原理
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022152138912-2034191037.png) 阅读全文
posted @ 2024-10-22 15:21 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
029 列表渲染
摘要：v-if,v-else-if,v-else另一种写法 阅读全文
posted @ 2024-10-22 14:44 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
028 条件渲染
摘要：v-if,v-else-if,v-else要紧紧挨在一起，中间不能打断 阅读全文
posted @ 2024-10-22 14:34 一曲微茫 阅读(1) 评论(0) 推荐(0) 编辑
027 绑定style
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022110313738-2080315580.png) 阅读全文
posted @ 2024-10-22 11:03 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
026 绑定class样式
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022105318972-1672285040.png)![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022105544635-471877072.png) 阅读全文
posted @ 2024-10-22 10:57 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
025 计算属性和监视属性的对比
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022102724806-1732980807.png) 阅读全文
posted @ 2024-10-22 10:53 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
024 监视简写
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022101018882-1263506808.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022101126566-1894278893.png) 阅读全文
posted @ 2024-10-22 10:12 一曲微茫 阅读(1) 评论(0) 推荐(0) 编辑
023 深度监视
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022100753270-1407431201.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241022100758874-1697381923.png) 阅读全文
posted @ 2024-10-22 10:08 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
022 监视属性
摘要：监视属性用watch 监视属性的另一种写法，当之前写时不明确知道监视哪个属性时，可以在后面补充 归纳总结 阅读全文
posted @ 2024-10-21 16:53 一曲微茫 阅读(5) 评论(0) 推荐(0) 编辑
021 天气案例
摘要：@click后面也可以写一些简单语句，这样就不用配置methods了 阅读全文
posted @ 2024-10-21 15:52 一曲微茫 阅读(5) 评论(0) 推荐(0) 编辑
020 计算属性简写
摘要：注意，只有当计算属性只需读取而不需修改，即没有setter时才能用简写 阅读全文
posted @ 2024-10-21 15:36 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
019 计算属性
摘要：计算属性：通过属性计算得到，不放在data中，而是放在computed中 阅读全文
posted @ 2024-10-21 15:29 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
018 姓名案例
摘要：这么写有点小问题，效率不高，我们考虑计算属性来做 阅读全文
posted @ 2024-10-21 14:48 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
017 事件总结
摘要：如果要达成多个效果，如既要阻止冒泡，又要阻止跳转.修饰符可以连续写 阅读全文
posted @ 2024-10-21 14:35 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
016键盘事件
摘要：键盘事件主要有两个，keydown按下去触发事件，keyup松手了触发事件 我们举个例子，输出我们在文本框里输入的东西 上面的代码等不到输入回车就都会在控制台显示，为此我们修改代码 常用的按键Vue都弄好了，如果有别的按键，如希望按下大小写切换键CapsLk来调用函数，则可以 注意到tab键应该用k 阅读全文
posted @ 2024-10-21 14:29 一曲微茫 阅读(3) 评论(0) 推荐(0) 编辑
015 事件修饰符
摘要：例如prevent对click进行修饰，阻止点击后跳转链接的默认行为 其他一些较常用的 阅读全文
posted @ 2024-10-21 11:14 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
014 事件处理
摘要：上面这段代码的意思是点击按钮时，调用showInfo函数，执行函数体，出现“同学你好”弹窗 阅读全文
posted @ 2024-10-21 10:43 一曲微茫 阅读(2) 评论(0) 推荐(0) 编辑
013 数据代理
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241021102135640-1987906684.png) ![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241021103540411-704330459.png) 阅读全文
posted @ 2024-10-21 10:38 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
011 Object.defineProperty 方法
摘要：![](https://img2024.cnblogs.com/blog/3540111/202410/3540111-20241021101918648-1977479634.png) 阅读全文
posted @ 2024-10-21 10:19 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
010 MVVM模型
摘要：举个例子 阅读全文
posted @ 2024-10-21 10:09 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
009 el和data的两种写法
摘要：Vue实例 带$的是给程序员用的，其他是Vue底层相关 注意el的两种写法是随意的，但是data的两种写法我们写函数式 我们一般简写时删掉function，删掉冒号 阅读全文
posted @ 2024-10-21 09:37 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
008数据绑定
摘要：v-bind 单向数据绑定 v-model 双向数据绑定 阅读全文
posted @ 2024-10-21 09:21 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑
007模板语法
摘要：插值语法，指令语法 v-bind：简写为： 阅读全文
posted @ 2024-10-21 09:11 一曲微茫 阅读(4) 评论(0) 推荐(0) 编辑