2024年3月11日
摘要：
一、默认插槽： 默认插槽是最常见的插槽类型。它允许我们在组件中插入任意内容，并且如果没有指定具名插槽，则会将内容插入到默认插槽中。 //子组件 <template> <div> <h1>组件标题</h1> <slot></slot> </div> </template> //父组件 <templat 阅读全文
摘要：
<template> <div class="app"> <div class="box" v-load="isLoading"> <ul> <li v-for="(item, index) in list" :key="index"> {{ item.name }} </li> </ul> </d 阅读全文
摘要：
一、自定义指令语法 1.全局注册 //main.js Vue.directive('focus', { inserted(el) { el.focus( } }); //App.vue <input v-focus /> 2.局部注册 <script> export default { direct 阅读全文
摘要：
.sync修饰符 作用：可以实现子组件和父组件数据的双向绑定，简化代码 特点： prop属性名，可以自定义，非固定value 使用场景 ： 封装弹窗类的基础组件，添加自定义 属性 使用true/false控制 本质： 就是 :属性名 和 @update:属性名 合写 <template> <div 阅读全文
摘要：
一、v-model原理 原理：v-model本质上是一个语法糖。例如在inpu中，就是value属性和input事件的合写 作用：提供数据的双向绑定 双向绑定：数据变，视图跟着变；视图变，数据跟着变 二、表单类组件封装&v-model简化代码 1.表单组件封装的核心思路： （1）父传子 ： 数据从父 阅读全文
摘要：
一、父传子 <!-- 1.父组件：给子组件用添加属性的方式来传值 --> <Son :msg="msg" :arr="arr"></Son> // 2.子组件：子组件通过props来接收 props : ['msg','arr'] 关于prop 1.什么是prop （1）定义：组件上定义的一些自定义 阅读全文