安静点-- - 博客园

2022年12月27日

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

posted @ 2022-12-27 10:35 安静点-- 阅读(197) 评论(0) 推荐(0)

Vue3的响应式原理

摘要：，，阅读全文

posted @ 2022-12-27 10:33 安静点-- 阅读(28) 评论(0) 推荐(0)

Vue3之reactive函数

摘要： reactive函数作用: 定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数,ref函数可以用基本类型也可以对象类型）语法：const 代理对象= reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象） reactive定义的阅读全文

posted @ 2022-12-27 10:27 安静点-- 阅读(351) 评论(0) 推荐(0)

Vue3之ref

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

posted @ 2022-12-27 10:18 安静点-- 阅读(665) 评论(0) 推荐(0)

Vue3之setup

摘要： setup setup是vue3中的一个新的配置项，值为一个函数，我们在组件中用到的数据、方法等等，都要配置在setup中。 setup函数的返回值有两种1、返回一个渲染函数，可以自定义渲染内容 2、返回一个对象，对象中的属性和方法在模板中可以直接使用（1）在vue2的配置中可读取到vue3配置中的阅读全文

posted @ 2022-12-27 08:50 安静点-- 阅读(776) 评论(0) 推荐(0)

2022年12月26日

Vue3之创建工程

摘要：创建Vue3工程 Vue Cli脚手架创建工程类似于之前创建的vue2工程，我们在需要创建工程的文件下打开cmd，执行创建的工程命令：成功：分别执行蓝色的命令来启动，根据生成的地址得到下面界面： Vite创建工程我们也可以使用vite来创建工程，vite相对于有一定性能优势，可以去官网看看。阅读全文

posted @ 2022-12-26 23:41 安静点-- 阅读(63) 评论(0) 推荐(0)

Vue之插槽

摘要：插槽作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 > 子组件。分类：默认插槽、具名插槽、作用域插槽使用方式：默认插槽父组件中： <Category> <div>html结构1</div> </Category> 子组件中： <templat 阅读全文

posted @ 2022-12-26 23:19 安静点-- 阅读(39) 评论(0) 推荐(0)

Vue之mixin混合

摘要： mixin(混入) 1. 功能：可以把多个组件共用的配置提取成一个混入对象 2. 使用方式：第一步定义混合： ``` { data(){....}, methods:{....} .... } ``` 第二步使用混入：全局混入：```Vue.mixin(xxx)``` 局部混入：```m 阅读全文

posted @ 2022-12-26 22:39 安静点-- 阅读(63) 评论(0) 推荐(0)

Vue之props

摘要： props配置项 1. 功能：让组件接收外部传过来的数据 2. 传递数据：```<Demo name="xxx"/>``` 3. 接收数据： 1. 第一种方式（只接收）：```props:['name'] ``` 2. 第二种方式（限制类型）：```props:{name:String}``` 3. 阅读全文

posted @ 2022-12-26 22:12 安静点-- 阅读(214) 评论(0) 推荐(0)

Vue之ref

摘要： ref属性 1. 被用来给元素或子组件注册引用信息（id的替代者） 2. 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 3. 使用方式： 1. 打标识：```<h1 ref="xxx">.....</h1>``` 或 ```<School ref="xxx">< 阅读全文

posted @ 2022-12-26 21:44 安静点-- 阅读(64) 评论(0) 推荐(0)

公告