会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
洛飞
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
···
34
下一页
2024年10月9日
组件间通信--props
摘要: props用于父组件向子组件传递数据。 子组件只能读取该值,但是不能修改 父组件代码: 子组件使用defineProps来接收数据
阅读全文
posted @ 2024-10-09 15:55 洛飞
阅读(13)
评论(0)
推荐(0)
2024年10月8日
vue3 pinia 存数据
摘要: pinia是vue2中的vuex,状态管理,可以实现数据共享 1、先安装 npm install pinia 2、在main.ts中进行创建和载入 3、在src下新建store文件夹 定义存的文件 4、在组件中使用 此时控制台会有具体的值。 5、修改数据的三种方式 ①直接修改 countStore.
阅读全文
posted @ 2024-10-08 22:37 洛飞
阅读(212)
评论(0)
推荐(0)
vue 路由器history和hash工作模式
摘要: vue3中路由器的工作模式 主要有两种,history和hash模式 history vue2 -> model:history vue3 -> history:createWebHistory() React:BrowserRouter history具有的优点:URL更加美观,不带有#,更接近传
阅读全文
posted @ 2024-10-08 09:38 洛飞
阅读(139)
评论(0)
推荐(0)
2024年10月7日
Vue3 hooks----实现组合式API
摘要: hooks实现将一个功能的所有数据、方法、生命周期函数放到一块去使用。 我们在src底下定义个Hooks文件夹,将我们要进行模块化的功能设置为use功能名。 例如:我要将点我加一这个功能进行hooks,则使用useSum.ts这个文件定义功能逻辑。 在这个ts里面需要export default 函
阅读全文
posted @ 2024-10-07 19:52 洛飞
阅读(112)
评论(0)
推荐(0)
Vue3 父传子 props
摘要: 父组件 <template> <person :list="personList" /> </template> 子组件用defineProps 来接收 const props = defineProps({ list: { type:Array, required:true, }, }); con
阅读全文
posted @ 2024-10-07 14:03 洛飞
阅读(12)
评论(0)
推荐(0)
2024年10月6日
Vue3 watchEffect
摘要: watchEffect和watch的对比 都能监听数据的变化,不同的是监听数据的方式不同。 watch要明确指出要监听的数据 watchEffect不用明确指出要监听的数据,函数中用到哪些属性就监听那些属性。 watchEffect(() => { if (person.age > 22) { co
阅读全文
posted @ 2024-10-06 21:32 洛飞
阅读(21)
评论(0)
推荐(0)
Vue3 watch方法----监视对象
摘要: 使用watch时,如果想监视对象的内部属性值。需要使用watch的第三个参数的配置对象,手动开启深度监视。 //使用watch时如果想监视对象内部的属性值,需要使用watch的第三个参数,手动开启深度监视 watch(person, (newValue, oldValue)=>{ console.l
阅读全文
posted @ 2024-10-06 19:38 洛飞
阅读(300)
评论(0)
推荐(0)
vue3 watch方法---监视基本类型数据
摘要: watch 监听定义的数据发生改变的时候执行什么函数 watch 方法有两个参数 watch(sum,箭头函数) 这个箭头函数里面有两个参数(newValue,oldValue)=> {},如下代码 <template> <!-- watch;监视数据变化 vue3 可以监视一下四种数据类型: re
阅读全文
posted @ 2024-10-06 14:22 洛飞
阅读(83)
评论(0)
推荐(0)
vue3 computed
摘要: computed 的作用就是监测变量是否发生改变。如果变量发生了改变,那么computed定义的方法就会执行。 在vue3中computed新增get 和set方法。分别对应修改和设置值
阅读全文
posted @ 2024-10-06 12:38 洛飞
阅读(95)
评论(0)
推荐(0)
2024年10月5日
Vue 3学习理解 Object.assign浅拷贝
摘要: 可以看链接 https://blog.csdn.net/weixin_46146718/article/details/139269419
阅读全文
posted @ 2024-10-05 11:03 洛飞
阅读(36)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
···
34
下一页
公告