【Vue】基础系列（八）生命周期 - 初始化显示 - 更新状态 - 死亡状态 - 父子组件

发表于2024-08-26|更新于2026-07-16|Vue

|总字数:0|阅读时长:1分钟|浏览量:

文章作者: Super Bing

文章链接: https://itdxb.cn/2024/08/26/vue/document/%E3%80%90Vue%E3%80%91%E5%9F%BA%E7%A1%80%E7%B3%BB%E5%88%97%EF%BC%88%E5%85%AB%EF%BC%89%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%20-%20%E5%88%9D%E5%A7%8B%E5%8C%96%E6%98%BE%E7%A4%BA%20-%20%E6%9B%B4%E6%96%B0%E7%8A%B6%E6%80%81%20-%20%E6%AD%BB%E4%BA%A1%E7%8A%B6%E6%80%81%20-%20%E7%88%B6%E5%AD%90%E7%BB%84%E4%BB%B6/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Super Bing`s Hexo！

相关推荐

《循序渐进Vue.js 3.x前端开发实战》《Vue.js 3企业级应用开发实战》《Vue.js 3.x+Element Plus从入门到精通（视频教学版）》

【Vue】基础系列（五）列表渲染v-for、key的原理、删除替换、过滤与排序

列表渲染在 Vue.js 中，列表渲染是一个常用的功能，通常通过 v-for 指令来实现列表显示v-for 指令用于遍历数组或对象，并生成一组相应的 DOM 元素。例如： <ul> <li v-for="item in items" :key="item.id">{{ item.name }}</li></ul> 在这个例子中，v-for 遍历 items 数组，每个 item 的内容被插入到 li 元素中。每个列表项提供一个唯一的key属性，key应该是独一无二的，比如一个字符串或数字类型的ID v-for 指令用于展示列表数据语法：v-for="(item, index) in xxx" :key="yyy" 可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）数组: (item, index) 对象: (v...

【Vue】基础系列（一）初识 - 简单使用 - 创建Vue对象 - 双向数据绑定 - MVVM模式

Vue-基础系列(一)基本认识Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。渐进式 JavaScript 框架，用来动态构建用户界面官网：https://cn.vuejs.org/ 特点遵循 MVVM 模式编码简洁，体积小，运行效率高，适合移动/PC 端开发它本身只关注 UI，可以轻松引入 vue 插件或其它第三方库开发项目采用组件化模式，提高代码复用率、且让代码更好维护声明式编码，让编码人员无需直接操作DOM，提高开发效率使用虚拟DOM和Diff算法，尽量复用DOM节点与其他前端 JS 框架的关联借鉴 angular 的模板和数据绑定技术借鉴 react 的组件化和虚拟DOM 技术 Vue 常用工具和插件 vue-cli：vue 脚手架 ...

【Vue】基础系列（四）样式绑定 - class - style

样式绑定在应用界面中, 某个(些)元素的样式是变化的，class/style 绑定就是专门用来实现动态样式效果的技术 class 绑定:class='xxx' // xxx可以是字符串、对象、数组。字符串表达式是字符串: 'classA' 适用于：类名不确定，要动态获取 <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>绑定样式</title> <style> .basic { width: 400px; height: 100px; border: 1px solid black; } .happy { border: 4px solid red; ; background-color: rgba(255, 255, 0, 0.644); back...

标签: Vue | Super Bing`s Hexo 文章31标签7分类3** 首页** 时间轴** 文档**** 标签 ** 分类** 爱好** ** 图片 ** 书籍** 项目** 友链** 关于[Super Bing`s Hexo](/blog/)** 搜索** 首页** 时间轴** 文档** ** 标签 ** 分类** 爱好** ** 图片 ** 书籍** 项目** 友链** 关于**# Vue标签 - Vue2024**2024-08-26【Vue】基础系列（八）生命周期 - 初始化显示 - 更新状态 - 死亡状态 - 父子组件**2024-08-26【Vue】基础系列（七）v-model - 自动收集数据 - 表单数据自动更新**2024-08-26【Vue】基础系列（六）事件处理 - 绑定监听 - 事件修饰符 - 按键修饰符**2024-08-26【Vue】基础系列（五）列表渲染v-for、key的原理、删除替换、过滤与排序**2024-08-23【Vue】基础系列（四）样式绑定 - class - style*...

【Vue】基础系列（二）模板语法 - 插值语法 - 指令语法

Vue-基础系列(二)Vue有很多模板语法特别好用，就是在HTML中写一些Vue定义的一些模板语法，可以快速的展现数据，绑定方法等。这也就是Vue上手很快的原因之一。模板的理解模板就是动态html页面，这里面包含了一些js语法代码 Vue的模板语法分为两种，分别是：【插值语法】双大括号表达式（“Mustache”语法）【一个】【指令语法】指令（以v-开头的自定义标签属性）【很多】插值语法：功能：用于解析标签体内容，向页面输出数据写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性，可以调用对象的方法备注：里面写js表达式：有返回值的js代码，而不是js语句指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…..）举例：v-bind:href="xxx" 或简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性备注...

数据加载中