垂序葎草 - 博客园

2023年4月19日

摘要：视频 7.计算属性与监视 1.computed函数与Vue2.x中computed配置功能一致写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{ return person.f 阅读全文

posted @ 2023-04-19 15:54 垂序葎草阅读(29) 评论(0) 推荐(0) 编辑

2023年4月18日

Vue3 setup中两个注意点

摘要：视频 6.setup的两个注意点 setup执行的时机在beforeCreate之前执行一次，this是undefined。 setup的参数 props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。 context：上下文对象 attrs: 值为对象，包含：组件外部传递过来，但阅读全文

posted @ 2023-04-18 18:29 垂序葎草阅读(13) 评论(0) 推荐(0) 编辑

Vue3 reactive对比ref

摘要：视频 5.reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据。 reactive用来定义：对象（或数组）类型数据。备注：ref也可以用来定义对象（或数组）类型数据, 它内部会自动通过reactive转为代理对象。从原理角度对比： ref通过Object.defineP 阅读全文

posted @ 2023-04-18 18:00 垂序葎草阅读(17) 评论(0) 推荐(0) 编辑

Vue3 vue3响应式原理_Proxy&Reflect

摘要： Proxy视频 Reflect视频 Vue3.0的响应式实现原理: 通过Proxy（代理）: 拦截对象中任意属性的变化, 包括：属性值的读写、属性的添加、属性的删除等。通过Reflect（反射）: 对源对象的属性进行操作。 MDN文档中描述的Proxy与Reflect： Proxy：https: 阅读全文

posted @ 2023-04-18 17:51 垂序葎草阅读(83) 评论(0) 推荐(0) 编辑

Vue3 回顾vue2的响应式原理

摘要：视频 vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 Object.defineProperty(data, 'count', 阅读全文

posted @ 2023-04-18 11:10 垂序葎草阅读(12) 评论(0) 推荐(0) 编辑

Vue3 reactive函数

摘要：视频 3.reactive函数作用: 定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）语法：const 代理对象= reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象） reactive定义的响应式数据是“深层次的”。内阅读全文

posted @ 2023-04-18 10:56 垂序葎草阅读(60) 评论(0) 推荐(0) 编辑

2023年4月17日

Vue3 ref函数处理基本类型或对象类型

摘要：基本类型视频对象类型视频 2.ref函数作用: 定义一个响应式的数据语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。 JS中操作数据： xxx.value 模板中读取数据: 不需要.value，直接：<d 阅读全文

posted @ 2023-04-17 18:03 垂序葎草阅读(451) 评论(0) 推荐(0) 编辑

Vue3 初识setup

摘要：视频二、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 1.拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Compositi 阅读全文

posted @ 2023-04-17 12:19 垂序葎草阅读(34) 评论(0) 推荐(0) 编辑

Vue3 安装开发者工具

摘要：视频 1.Chrome网上商店 2.扩展软件，拖动到插件里阅读全文

posted @ 2023-04-17 11:59 垂序葎草阅读(85) 评论(0) 推荐(0) 编辑

Vue3 vue-cli创建工程的工程结构分析

摘要：视频不能用vue2的写法了 #components ##HelloWorld.vue <template> <div class="hello"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / custom 阅读全文

posted @ 2023-04-17 11:50 垂序葎草阅读(28) 评论(0) 推荐(0) 编辑