洛飞 - 博客园

2024年10月8日

摘要： pinia是vue2中的vuex,状态管理，可以实现数据共享 1、先安装 npm install pinia 2、在main.ts中进行创建和载入 3、在src下新建store文件夹定义存的文件 4、在组件中使用此时控制台会有具体的值。 5、修改数据的三种方式 ①直接修改 countStore. 阅读全文

posted @ 2024-10-08 22:37 洛飞阅读(46) 评论(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 洛飞阅读(37) 评论(0) 推荐(0) 编辑

2024年10月7日

Vue3 hooks----实现组合式API

摘要： hooks实现将一个功能的所有数据、方法、生命周期函数放到一块去使用。我们在src底下定义个Hooks文件夹，将我们要进行模块化的功能设置为use功能名。例如：我要将点我加一这个功能进行hooks，则使用useSum.ts这个文件定义功能逻辑。在这个ts里面需要export default 函阅读全文

posted @ 2024-10-07 19:52 洛飞阅读(30) 评论(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 洛飞阅读(3) 评论(0) 推荐(0) 编辑

2024年10月6日

Vue3 watchEffect

摘要： watchEffect和watch的对比都能监听数据的变化，不同的是监听数据的方式不同。 watch要明确指出要监听的数据 watchEffect不用明确指出要监听的数据，函数中用到哪些属性就监听那些属性。 watchEffect(() => { if (person.age > 22) { co 阅读全文

posted @ 2024-10-06 21:32 洛飞阅读(6) 评论(0) 推荐(0) 编辑

Vue3 watch方法----监视对象

摘要：使用watch时，如果想监视对象的内部属性值。需要使用watch的第三个参数的配置对象，手动开启深度监视。 //使用watch时如果想监视对象内部的属性值，需要使用watch的第三个参数，手动开启深度监视 watch(person, (newValue, oldValue)=>{ console.l 阅读全文

posted @ 2024-10-06 19:38 洛飞阅读(77) 评论(0) 推荐(0) 编辑

vue3 watch方法---监视基本类型数据

摘要： watch 监听定义的数据发生改变的时候执行什么函数 watch 方法有两个参数 watch(sum，箭头函数) 这个箭头函数里面有两个参数(newValue,oldValue)=> {},如下代码 <template> <!-- watch；监视数据变化 vue3 可以监视一下四种数据类型： re 阅读全文

posted @ 2024-10-06 14:22 洛飞阅读(45) 评论(0) 推荐(0) 编辑

vue3 computed

摘要： computed 的作用就是监测变量是否发生改变。如果变量发生了改变，那么computed定义的方法就会执行。在vue3中computed新增get 和set方法。分别对应修改和设置值阅读全文

posted @ 2024-10-06 12:38 洛飞阅读(19) 评论(0) 推荐(0) 编辑

2024年10月5日

Vue 3学习理解 Object.assign浅拷贝

摘要：可以看链接 https://blog.csdn.net/weixin_46146718/article/details/139269419 阅读全文

posted @ 2024-10-05 11:03 洛飞阅读(7) 评论(0) 推荐(0) 编辑

2024年10月4日

Vue3的项目搭建

摘要：有两种方式可以搭建：一：使用vue-cli中的webpack创建第二：推荐使用vite来创建项目 vite是新一代前端构建工具，新的前端构建工具，比webpack要快一些。 npm create vue@latest 创建完项目后，我们可以看到项目最外层有index.html Vite项目中，i 阅读全文

posted @ 2024-10-04 11:17 洛飞阅读(53) 评论(0) 推荐(0) 编辑

洛飞

公告