注册组件
摘要：
注册组件 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册 更改 main.js 文件如下： import { createApp } from 'vue' import App from './App.v 阅读全文
posted @ 2023-02-28 17:02 宁静致远. 阅读(16) 评论(0) 推荐(0) 编辑
2023年2月28日 #
组件基础
摘要：
组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。 定义一个组件 当使用构建步骤时，我们一般会将 Vue 组件定义在一个单独的 . 阅读全文
posted @ 2023-02-28 14:22 宁静致远. 阅读(21) 评论(0) 推荐(0) 编辑
模板引用 ref
摘要：
虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 ref attribute： 访问模板引用# 为了通过组合式 API 获得该模板引用，我们需要声明一个同名的 ref： <script se 阅读全文
posted @ 2023-02-28 14:18 宁静致远. 阅读(21) 评论(0) 推荐(0) 编辑
侦听器 watch
摘要：
侦听器 计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。 在组合式 API 中，我们可以使用 watch 函数在每次响应式状态发生变化时触发回调函数： 以下代码侦听question 变量，当qu 阅读全文
posted @ 2023-02-28 11:25 宁静致远. 阅读(45) 评论(0) 推荐(0) 编辑
表单输入绑定 v-model
摘要：
表单输入绑定 v-model 还可以用于各种不同类型的输入，<textarea>、<select> 元素。它会根据所使用的元素自动使用对应的 DOM 属性和事件组合： 文本类型的 <input> 和 <textarea> 元素会绑定 value property 并侦听 input 事件； <inp 阅读全文
posted @ 2023-02-28 09:16 宁静致远. 阅读(37) 评论(0) 推荐(0) 编辑