摘要：
Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute props 需要使用 props 选项来定义 export default { props: ['foo'], created() { // props 阅读全文
posted @ 2023-03-29 23:20
caix-1987
阅读(107)
评论(0)
推荐(0)
摘要：
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i 阅读全文
posted @ 2023-03-29 23:19
caix-1987
阅读(49)
评论(0)
推荐(0)
摘要：
组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑 Vue 同样也能很好地配合原生 Web C 阅读全文
posted @ 2023-03-29 09:32
caix-1987
阅读(74)
评论(0)
推荐(0)
摘要：
模板引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 ref attribute ref 是一个特殊的 attribute，和 v-for 章节中提到的 key 类似。它允许我们在一个 阅读全文
posted @ 2023-03-29 09:31
caix-1987
阅读(48)
评论(0)
推荐(0)
摘要：
基本示列 计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态 在选项式 API 中，我们可以使用 watch 选项在每次响应式属性发生变化时触发一个函数 export default { data( 阅读全文
posted @ 2023-03-29 09:31
caix-1987
阅读(63)
评论(0)
推荐(0)
摘要：
生命周期钩子 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM 在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码 注册周期钩子 举例来说，mounted 钩子可以用来在组件 阅读全文
posted @ 2023-03-29 09:30
caix-1987
阅读(37)
评论(0)
推荐(0)
摘要：
表单输入绑定 在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦 <input :value="text" @input="event => text = event.target.value"> v-model 指 阅读全文
posted @ 2023-03-29 09:25
caix-1987
阅读(96)
评论(0)
推荐(0)
摘要：
监听事件 我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。用法：v-on:click="methodName" 或 @click="handler" 事件处理器的值可以是： 内联事件处理器：事件被触发时执行的内联 JavaScrip 阅读全文
posted @ 2023-03-29 09:23
caix-1987
阅读(91)
评论(0)
推荐(0)
浙公网安备 33010602011771号