![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习
文章平均质量分 65
vue知识汇总
逆旅行天涯
一个学习前端的UI设计师
展开
-
【vue3】探讨为什么ref()换为reactive()数据不再是响应式?
试图使用 Vue 3 的 Composition API 来获取文章列表数据,并将这些数据更新到一个响应式引用。的引用,而不是更新它内部的数组。这会导致 Vue 无法追踪到。但是这样有了一个新问题就是:数据加载不出来了,代码如下。然后发现Ref上不再filter属性,所以就换成了。本来想使用数组中的filter方法,原来用的是。的变化,因此界面上不会更新显示新的数据。并不是响应式的,因为直接替换了。原创 2024-08-29 15:55:39 · 1000 阅读 · 0 评论 -
【vue3】富文本编辑器的使用
本次推荐使用的是wangEditor 5。原创 2024-08-28 10:43:07 · 538 阅读 · 0 评论 -
【vue3】组件通信
1. 概述:自定义事件常用于:**子 => 父。**2. 注意区分好:原生事件、自定义事件。● 原生事件:● 事件名是特定的( click 、 mosueenter 等等)● 事件对象 $event : 是包含事件相关信息的对象( pageX 、 pageY 、 target 、 keyCode )● 自定义事件:● 事件名是任意名称● 事件对象 $event : 是调用 emit 时所提供的数据,可以是任意类型!!!--在父组件中,给子组件绑定自定义事件:-->原创 2024-08-19 11:38:02 · 601 阅读 · 0 评论 -
【vue3】路由传参——query、params
介绍vue3传递参数的query和params两种方法原创 2024-08-19 09:26:15 · 464 阅读 · 0 评论 -
【vue3】Pinia使用
Pinia 是一个用于 Vue.js 应用程序的状态管理库。这个库提供了一个简单且直观的 API 来管理 Vue.js 应用程序的状态。Pinia 是作为 Vue.js 官方状态管理库 Vuex 的一种轻量级替代方案而创建的。它的目标是提供一个更加简单和灵活的 API,同时还保留 Vuex 的主要功能,如状态管理、动作和获取器。原创 2024-08-17 08:59:33 · 649 阅读 · 0 评论 -
【vue3】在vue2和vue3项目中Router使用方法汇总
vue2和vue3中router的使用方法总结,以及vue3中别名配置实现原创 2024-08-16 18:19:26 · 453 阅读 · 0 评论 -
【vue3学习】vue3中Router学习
router-link active-class="active" to="/home">主页跳转跳转--简化后:直接通过名字跳转(to的对象写法配合name属性) -->--简化前:需要写完整的路径(to的字符串写法) -->-- 第一种:to的字符串写法 -->原创 2024-08-05 09:39:39 · 1061 阅读 · 0 评论 -
【vue3学习】vue3核心语法汇总 一
● 什么是 hook?—— 本质是一个函数,把 setup 函数中使用的 Composition API 进行了封装,类似于 vue2.x 中的 mixin。● 自定义 hook 的优势:复用代码, 让 setup 中的逻辑更清楚易懂。示例代码:})//向外部暴露数据// 方法try {// 发请求// 维护数据// 处理错误// 挂载钩子getDog()})//向外部暴露数据<template><h2>当前求和为:{{sum}}</h2>原创 2024-08-05 09:28:53 · 946 阅读 · 0 评论 -
Vue2项目引入合集
你可以引入整个 Element,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。推荐使用 npm 的方式安装,它能更好地和。在index.js中进行配置。在index.js中进行配置。创建request.js文件。在需要用到动态数据的文件中。创建index.js文件。新建数据文件夹将数据放入。原创 2024-07-18 14:55:00 · 393 阅读 · 0 评论