MoonbeamsC

摘要： 【生命周期】 概念：Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子 规律： 生命周期整体分为四个阶段，分别是：创建、挂载、更新、销毁，每个阶段都有两个钩子，一前一后。 Vu 阅读全文

摘要： 【标签的 ref 属性】 作用：用于注册模板引用。 用在普通DOM标签上，获取的是DOM节点。 用在组件标签上，获取的是组件实例对象。 用在普通DOM标签上： <template> <div class="person"> <h1 ref="title1">尚硅谷</h1> <h2 ref="tit 阅读全文

摘要： 【watch】 作用：监视数据的变化（和Vue2中的watch作用一致） 特点：Vue3中的watch只能监视以下四种数据： ref定义的数据。 reactive定义的数据。 函数返回一个值（getter函数）。 一个包含上述内容的数组。 我们在Vue3中使用watch的时候，通常会遇到以下几种情况 阅读全文

摘要： 【toRefs 与 toRef】 作用：将一个响应式对象中的每一个属性，转换为ref对象。 备注：toRefs与toRef功能一致，但toRefs可以批量转换。 语法如下： 点击查看代码 <template> <div class="person"> <h2>姓名：{{person.name}}</ 阅读全文

摘要： 话不多说，直接上代码！ 点击查看代码 <!-- 新增随机文字容器 --> <div id="random-text"></div> <!-- 评级按钮 --> <button class="trigger-btn" id="showCommentBtn" disabled>点击获取评价</butto 阅读全文

摘要： reactive可以深层次 对比 ref定义对象类型是借用reactive 总结 阅读全文

摘要： SetUp概述 Setup返回值 Setup可以与data，methods一起写 但setup创建更早，setup(不可使用this)调不了data后者则可以调用前者 setup语法糖 阅读全文

摘要： OptionsAPI与CompositionAPI OptionsAPI弊端 图示--》来自大帅老猿动图截取 CompositionAPI的优势 图示--》来自大帅老猿动图截取 阅读全文

摘要： 组件 根 “盆栽式结构” 阅读全文

摘要： 基于VUE创建: 创建流程 VScode实例-->编写APP组件 阅读全文