HHX_01的博客

Vue 的生命周期函数可以帮助开发者在组件的不同阶段执行特定的逻辑，保证在正确的时间做合适的事情。常用的生命周期函数包括createdmountedupdated和destroyed，它们提供了对数据变化、DOM 操作和组件销毁时的控制能力。理解并善用这些生命周期钩子，可以让你在开发过程中更加高效、灵活地处理组件的状态和行为。

发现宝藏 前言 一、组件的三大组成部分(结构/样式/逻辑) 1. scoped样式冲突 2. data是一个函数 二、组件通信 1. 组件通信语法 2. 父传子 3. 子传父 4. props详解 5. 非父子通信 - event bus 总线 6. 非父子通信 - provide & inject 三、 综合案例:小黑记事本(组件版)

在上面的示例中，父组件通过在子组件标签中使用 :message 来传递数据给子组件。在这个示例中，子组件接收名为 message 的属性，它的类型是字符串，然后在模板中显示这个消息。如果子组件需要改变某个值，并且希望这个改变反映到父组件中，你可以使用自定义事件来通知父组件做出相应的改变。在Vue.js中，当你将一个 prop 传递给子组件时，子组件默认不应该修改这个 prop，因为它应该是一个来自父组件的单向数据流。在父组件中，可以使用子组件的标签，并通过props属性将数据传递给子组件。

发现宝藏 1.路由配置语法格式 2.vue如何创建一个新页面 1.创建Vue组件 2.设计页面结构 3.配置Vue Router 4.更新导航菜单 5.测试导航 3.vue路由配置常见属性 1. path 2. name 3. component 4. meta 5. query 6. params

文章目录前言一、生命周期1.生命周期 & 生命周期四个阶段2. 生命周期钩子3. 生命周期案例 - create应用 - 新闻列表4. 生命周期案例 - mounted应用 - 输入框获取焦点二、综合案例:小黑记账清单1. 列表渲2. 添加 和 删除3. 饼图渲染三、工程化开发入门1. 工程化开发和脚手架2. 脚手架目录&项目运行流程3. 组件化4. 组件注册四、综合案例:小兔鲜首页1. 拆分模块-局部注册2. 拆分组件-全局注册总结前言为了巩固所学的知识，作者尝试着开始发布一些学习笔

文章目录前言一、指令补充1. 指令修饰符2. v-bind对于样式操作的增强 - class3. 案例 - 京东秒杀 tab 导航高亮4. v-bind对于样式操作的增强 - style5. v-model应用于其他表单元素二、computed计算属性1. 基础语法2. 计算属性 vS method 方法3. 完整写法4. 成绩案例三、watch 侦听器1. 基础语法2. 业务实现3. 完整写法四、综合案例:水果购物车1. 渲染2. 删除和修改数量3. 全选反选4. 统计总价5. 本地持久化总结前言为

前言 一、vue快速上手 1. vue是什么 2. 创建一个vue实例 3. 插值表达式 4. vue的响应式特性 5. 开发者工具安装 二、vue指令 1. v-html 2. v-if 和 v-show 3. v-else 和 v-else-if 4. v-on 5. v-bind 6. 案例-波仔的学习之