随笔分类 - Vue官方文档学习笔记
对照Vue3文档每一章内容进行总结
摘要：功能 每次响应式属性变化时，触发一个函数 特性 watch默认浅层的，深层需要增加deep: true 深层监听开销很大，需要遍历树 即时回调的侦听（创建时回调一次） 用对象来声明 handler方法中会被调用 设置immediate: true 属性 watch: { handler() { //
阅读全文
摘要：组件基础 组件使用 在components中注册，也可以全局注册一个组件 每次使用组件，都重新创建了实例，变量值是不同的 推荐标签名：大驼峰 props props是一种特别的属性，子组件使用时要在props列表上声明 export default { props: ['title'] } <h4>
阅读全文
摘要：复选框和单选框 复选，checkedNames是一个数组 <input type="checkbox" id="jack" value="Jack" v-model="checkedNames"> 单选 <input type="radio" id="one" value="One" v-model
阅读全文
摘要：ref属性 访问底层DOM，对元素直接操作，可以给一个ref属性 访问模板引用 挂载完成后，可以在this.$refs上访问绑定了ref的dom v-for的模板引用是一个数组，但不保证相同顺序 函数型模板引用 ref绑定一个函数，每次在dom更新时都被调用 第一个参数是元素引用 传入函数需要用动态
阅读全文
摘要：this上下文 自动指向当前调用它的组件实例。 避免用箭头函数来定义生命周期，否则无法通过this获取组件实例 API 所有API都在setup()之后调用 beforeCreate 组件实例初始化完成后立即调用，props解析后 created 此时已完成：响应式数据、计算属性、方法、侦听器 $e
阅读全文
摘要：访问dom元素 event 默认参数 event.target.tagName 内联事件中访问dom元素，传入$event变量 @click="warn('Form cannot be submitted yet.', $event) 事件处理器 方法 & 内联 模板编译器会见检查值是否是js标识符
阅读全文
