会员
周边
新闻
博问
闪存
赞助商
YouClaw
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
菜鸟需勤奋
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
8
9
10
11
12
13
14
15
16
···
48
下一页
2023年7月10日
自定义hook函数
摘要: 什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 创建hook3文件夹 新建usePoint.js文件(文件名以userxxx命名) ap
阅读全文
posted @ 2023-07-10 22:39 iTao0128
阅读(52)
评论(0)
推荐(0)
2023年7月9日
watchEffect函数
摘要: watch的套路是:既要指明监视的属性,也要指明监视的回调。 watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性。 watchEffect有点像computed: 但computed注重的计算出来的值(回调函数的返回值),所以必须要写返回值。 而watc
阅读全文
posted @ 2023-07-09 22:39 iTao0128
阅读(95)
评论(0)
推荐(0)
watch函数
摘要: 与Vue2.x中watch配置功能一致 两个小“坑”: 监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置失效)。 监视reactive定义的响应式数据中某个属性时:deep配置有效。 //情况一:监视ref定义的响应式数据 watch(sum,(
阅读全文
posted @ 2023-07-09 22:11 iTao0128
阅读(36)
评论(0)
推荐(0)
computed计算属性
摘要: <template> <!-- vue3组件中的模板结构可以没有根标签 --> <h1>一个人的信息</h1> 姓:<input type="text" v-model="person.firstName"><br> 名:<input type="text" v-model="person.last
阅读全文
posted @ 2023-07-09 21:00 iTao0128
阅读(18)
评论(0)
推荐(0)
2023年7月8日
reactive函数
摘要: 作用: 定义一个对象类型的响应式数据(基本类型不要用它,要用ref函数) 语法:const 代理对象= reactive(源对象)接收一个对象(或数组),返回一个代理对象(Proxy的实例对象,简称proxy对象) reactive定义的响应式数据是“深层次的”。 内部基于 ES6 的 Proxy
阅读全文
posted @ 2023-07-08 22:37 iTao0128
阅读(73)
评论(0)
推荐(0)
ref函数
摘要: 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象(reference对象,简称ref对象)。 JS中操作数据: xxx.value 模板中读取数据: 不需要.value,直接:<div>{{xxx}}</div> 备注: 接
阅读全文
posted @ 2023-07-08 20:54 iTao0128
阅读(268)
评论(0)
推荐(0)
setup配置项
摘要: 理解:Vue3.0中一个新的配置项,值为一个函数。 setup是所有Composition API(组合API)“ 表演的舞台 ”。 组件中所用到的:数据、方法等等,均要配置在setup中。 setup函数的两种返回值: 若返回一个对象,则对象中的属性、方法, 在模板中均可以直接使用。(重点关注!)
阅读全文
posted @ 2023-07-08 19:34 iTao0128
阅读(81)
评论(0)
推荐(0)
创建Vue3.0工程
摘要: 使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vu
阅读全文
posted @ 2023-07-08 13:26 iTao0128
阅读(45)
评论(0)
推荐(0)
2023年7月5日
vue2笔记
摘要: 参考 https://blog.csdn.net/hangao233/article/details/123990192?spm=1001.2014.3001.5502
阅读全文
posted @ 2023-07-05 23:02 iTao0128
阅读(24)
评论(0)
推荐(0)
vuex的使用
摘要: 下载安装npm i vuex 搭建vuex环境 1.创建文件:src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备actio
阅读全文
posted @ 2023-07-05 23:01 iTao0128
阅读(31)
评论(0)
推荐(0)
上一页
1
···
8
9
10
11
12
13
14
15
16
···
48
下一页
公告