使用在 Vue 的单页面应用中使用，需要使用Vue.use(Vuex)调用插件。 使用非常简单，只需要将其注入到Vue根实例中。import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
},
getter: {
doneTodos: (state, gette
转载
2024-08-16 17:39:42
1140阅读
需求场景：首页搜索内容，点击跳转至详情页，页面后退返回主页，保留搜索结果。方案：路由参数；路由守卫需求描述在使用 vue 开发前端的时候遇到一个场景：在首页进行一些数据搜索，点击搜索结果进入详情页面，浏览详情页后返回主页。但这时候之前的搜索记录和翻页就消失了，用户体验不好。所以需要在返回后恢复跳转前的页面参数状态。当然如果条件允许，最简单的办法是点击搜索结果使用新页面打开（例如百度那样）。但当前
转载
2024-07-31 21:09:25
727阅读
为什么vue中的data用return返回一.原 [vue 修改对象方法]1.set方法,添加一个属性和值set方法还可以为对象添加属性和值<script>
export default {
data(){
return {
obj:{
name:'xiaoming'
一.Vue3的介绍相信大家都已经学习过Vue2了，对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢，主要是他有以下的特点。 （1）新增组合式api （2）更加接近原生 （3）更加解耦（react启发）二.Vue3的安装全局安装脚手架（如果安装过脚手架请忽略这步）npm i @vue/cli -g
创建一个vue3 的项目vue create 项目名称
转载
2024-04-06 16:41:00
128阅读
setup监听数据import { watch , watchEffect ,computed ，ref,reactive} from 'vue' //ref设置响应式的基本数据类型 reactive 设置响应式的引用数据类型
// watchEffect 立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。
let WatchStopHandle= watchEffec
转载
2024-10-23 22:31:35
92阅读
我们在编写vuex代码过程中，觉得在a.
vue的模板里面写入例如 <p>{{$store.state.num}}</p>很麻烦，我们希望直接就写成{{num}},我们应该怎么写，
vue给出三种固定写法，大家理解之后基本照抄，稍做改动即可第一种方法 通过computed的计算属性直接赋值 1.store.js(vuex的代码如下): import
Vue
文章目录一、Vue3基础语法1、Vue开发准备2、Vue的模板语法3、条件渲染4、列表渲染5、事件处理6、表单输入绑定二、Components组件1、组件基础2、组件交互3、自定义事件的组件交互4、组件生命周期5、引入第三方组件三、网络请求及路由配置1、Axios网络请求2、Axios网络请求封装3、Vue引入路由配置4、Vue路由传递参数5、Vue路由嵌套四、Vue3状态管理及新特性1、Vue
转载
2024-03-31 13:34:39
584阅读
一，简介：2020年9月18日， vue3发布3.0版本， 代号大海贼时代来临，One Piece1，特点：无需构建步骤，渐进式增强静态的 HTML 在任何页面中作为 Web Components 嵌入 单页应用 (SPA) 全栈 / 服务端渲染 (SSR) Jamstack / 静态站点生成 (SSG) 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面2，Vue3带来了什么打包大小减少4
转载
2024-04-03 21:53:35
164阅读
JavaScript的ES6新增了Promise异步请求功能，使得前端请求后端数据的功能更加容易。由于JS是单线程语言，单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。为了让JS实现多线程的任务，掌握Promise的使用是每个前端开发者必备技能之一。一、什么是PromisePromise是异步编程的一种解决方案，
转载
2023-11-30 16:44:59
1035阅读
1 函数内部变量的局部性在一个函数中定义的变量(包括实参)，其作用域仅限于定义它的函数中，在其它的函数不能使用，这种变量称为“局部变量”。局部变量的作用域：函数内部声明和定义的语句块(实参为整个函数)，屏蔽语句块外的同名变量；局部变量的存续期：在函数内部声明开始到语句块结束位置。定义在函数之外的变量，其作用域范围为定义该变量的程序位置直到程序的结束，在其它的函数中，既可以使用该变量的值，对变量值的
组件和插件
组件(Component) 是用来构成你的 App 的业务模块，它的目标是 App.vue。
插件(Plugin) 是用来增强你的技术栈的功能模块，它的目标是 Vue 本身。插件的功能插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制，一般有下面几种：添加全局方法或者 property。如：vue-custom-element添加全局资源：指令/过滤器/过渡等。如 vu
转载
2024-09-23 00:38:27
79阅读
写在开始，关于传参内容写在第三部分，不推荐跳过前半段。 一、初始的栗子<style>
button{
border: none;
outline: none;
background: lightblue;
color: #333;
padding: 20px 40px;
border
前言：vue官方入口
目录一、vue2.0中props的用法1、父组件中 a.vue中2、子组件中 b.vue中3、孙子组件中 c.vue中二、vue3.0中props的用法1、父组件中 a.vue中2、子组件中 b.vue中3、孙子组件中 c.vue中三、vue.2.0的props和vue3.0的props的对比个人理解： &n
先附一张官网上的vue实例的生命周期图，每个Vue实例在被创建的时候都需要经过一系列的初始化过程，例如需要设置数据监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(回调函数)，这给了用户在不同阶段添加自己代码的机会。1、vue的生命周期图在vue实例的整个生命周期的各个阶段，会提供不同的钩子函数以供我们进行不同的操作。先列出vue官网
转载
2024-09-11 09:53:10
123阅读
父子组件之间的传值通常我们组件之间会相互传递一些参数，这样我们就用到了prop属性prop类型下面这是一段字符串数组形式的propprops:['title','name','age','like']但是，通常你需要给每个prop指定特定的类型，这个时候我们就得用对象的形式来列出props:{
title: Number,
like: String,
boolean: Bo
转载
2024-07-15 22:37:55
239阅读
Vuetify 是 Vue 的语义化组件框架，旨在提供整洁、语义化和可重用的组件，使得构建应用程序更方便。Vuetify 核心是为了提供各种可重复使用的，即插即用并且适合各种项目规格的组件。Vue 的语义成分。利用 Vue 的功能组件，所有基于标记的用于援助主部件的类，比如一个 card 题目，可以使用 v-card-title 来处理成型容易。Vuetify 被设想为从底层创建。每一
一般页面元素是有属性的，如a标签有href等属性，同样Vue中组件也是有属性的。在Vue组件中想要使用属性，首先需要在组件内部定义一些属性，这些属性在Vue中被为prop，在组件中通过props选项中定义。Props的类型在Vue组件中，props选项的类型可以是一个字符串数组，也可以是一个对象。如下：Vue.component('PostItem', {
props: ['postTit
转载
2024-07-15 13:04:43
65阅读
前言 原因：闲的。还有一个原因吗？嘿嘿然后之前就说过了，我拿vue3直接干公司项目了，是内部的孵化项目，客户不多，但是也是正规的生产项目。技术栈说明：公司项目：js，element-plus，vue3，jsx，常规template，按需加载（单独领出来是因为这个也会导致你的项目填坑变多）个人组件库研究项目：TypeScript，vue3，jsx，常规template主要讲公司
01 - 封装评论回复的面板步骤：a. 在 detail/com 添加一个 reply.vue 组件
添加一个弹出层，默认是隐藏的b. 在 index.vue 中使用这个组件c. 给回复按钮添加一个点击事件，显示这个组件02- 完成回复面板的结构 & 样式组成：当前评论评论的回复03 - eventbus在 vue 中经常涉及到组件之间的传参，但是如果是兄弟组件之间传参太麻烦了，为了
一、什么是生命周期函数 我想，对于生命周期，咱都不会陌生，所谓生命周期，就是一个过程，从开始到结束，顾名思义，就像生命一样，从诞生到消逝。而生命周期函数，就是在这个生命周期的不同阶段中会被调用的函数，也可以比作人的一生，在不同的阶段要做不同的事（这个命名可以说是非常的人性化）。 vue中的生
转载
2024-09-23 07:27:25
97阅读
