1，安装进入项目目录，执行 vue add vuex 命令2，会在src的目录下新增store文件夹3，打开store文件夹下的index.js , 给 state 设定一些数据import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export
原创
2022-04-19 16:38:42
337阅读
有时候想同时（同级）展示多个视图，而不是嵌套展示，例如创建一个布局，有 sidebar（侧导航） 和 main（主内容） 两个视图，这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果 router-view 没有设置名字，那么默认为 default。
转载
2018-11-29 14:26:00
70阅读
2评论
vue 从入门到精通之【vue数据视图】(一)vueVue是"渐进式框架":vue.min.js只包含了vue的核心内容【例如：options api 、数据处理、template模板视图解析等操作】；真实项目中我们还会根据需求，导入vuex实现公共状态管理vue-router 实现SPA（single page application）单页面应用element-ui/antdv/iview/va
转载
2024-01-26 08:13:40
50阅读
redux之所以伟大就在于中间件了，中间件为redux提供了无限可能。redux中中间件是一个不太容易理解的概念，因为涉及到compose、hoc等函数式的概念，看源代码总是懵懵的感觉。今天我们就来详细解剖一下伟大的applyMiddleware吧。
applyMiddleware只有短短三十多行，可见作者功力。先简单说下中间件是啥，在redux中，当你要dispatch一条命令给reducer时
vuex的store对象的state是响应式，凡是预先在state中定义的状态，都会被加入到响应式系统中，当状态发生了变化，所有引用状态的vue文件的template都会随之发生变化，做到响应式的功能。刚才也说了，提前定义好的会被加入到响应式系统中，那后面追加的属性或对象能不能加入到响应式系统中呢？
转载
2021-04-10 14:59:00
1908阅读
vue自学入门-1（Windows下搭建vue环境） vue自学入门-2（vue创建项目） vue自学入门-3（vue第一个例子） vue自学入门-4（vue slot） vue自学入门-5（vuex state） vue自学入门-6（vue jsx） vue自学入门-7（vue style sco
转载
2020-02-23 18:39:00
123阅读
2评论
本篇记录vue3 使用pinia修改state的三种方法1. 新建vue3项目，安装Pinia，不再详细描述。。。2.目录app.jsimport {defineStore} from "pinia"
const appStore = defineStore('appStore', {
state: () => ({
baseUrl: 'https://www.ba
转载
2024-06-05 10:06:25
0阅读
MVVM模型—视图—视图模型（Model-View-ViewModel, MVVM），本质上是MVC（模型—视图—控制器）的改进版，其最重要的特性即是数据绑定（data binding），此外还包括依赖注入、路由配置、数据模板等一些特性。 View视图层是用户能够看到并进行交互的客户端界面，如桌面应用的图形界面、浏览器端渲染的网页等；Model指业务模型，用于计算、校验、处理和提供数据，
####State 设置 Vuex 是单一状态树，一个对象包含全部状态，每个应用仅一个 store 实例 现在，给 state 增加三个共享状态，并设置一个需要修改的数据 //store/index.js export default new Vuex.Store({ state: { count: ...
转载
2021-09-24 15:59:00
131阅读
2评论
动态添加对象属性
转载
2019-06-11 17:17:00
164阅读
2评论
从脚手架入手template 模板 比如<template
原创
2022-08-19 11:37:48
109阅读
# Vue 在 iOS 下视图不刷新的问题解析与解决方法
## 前言
在现代前端开发中，Vue.js 是一个广泛使用的 JavaScript 框架，它以其响应式的数据绑定和组件化的设计而受到欢迎。然而，在某些情况下，Vue 应用在 iOS 设备上的表现会出现一些问题，其中之一就是视图不刷新的问题。本文将探讨这一问题的成因，并提供一些解决方案。
## 视图不刷新的原因
首先，了解视图不刷新的
一、安装node环境
1、下载地址为：https://nodejs.org/en/2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以
在我们使用Vue进行开发的过程中，可能会遇到一种情况：当生成Vue实例后，当再次给数据
原创
2022-06-16 12:37:00
1718阅读
前言触发视图更新的hack，hack的是什么？hack那些数据改变却没有被vue检测到的更新！那么vue有哪些情况是检测不到数据的变动的？ 官方说明的有下面两大类：数组使用下标更新数组元素；使用赋值方式改变数组长度；使用下标增删数组元素；对象对象的增删其他比如props到子组件的原始属性 …… 具体看另外一篇文章: [传送门: Vue：不能检测到Object/Array更新的情况]
正文那么要怎么
转载
2024-09-26 20:31:44
18阅读
先安装Vuex 后面必须得用--save因为生产环境需要用到npm install vuex --save然后里 新建个store 下面新建个index然后得在main.js里面导入一下，如下图：store 里面的num.js 和str.js用的module来写的demo里面没啥东西我们再看一下在模板里面怎么写的效果图：源码：...
原创
2021-09-03 15:08:27
279阅读
dva的定义dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装;redux 他是react当中的仓库，如果熟悉vue的话，他的功能类似于vuex。将公用的数据放在redux当中，通过reducer函数改变redux中的值(state)。注意redecer是一个纯函数，具体概念和用法可以去学习一下。react-router 就是rea
转载
2024-01-02 08:47:56
30阅读
先安装Vuex 后面必须得用--save因为生产环境需要用到npm install vuex --save然后里 新建个store 下面新建个index然后得在main.js里面导入一下，如下图：store 里面的num.js 和str.js用的module来写的demo里面没啥东西我们再看一下在模板里面怎么写的效果图：源码：...
原创
2022-01-16 10:29:26
105阅读
不可质疑，国内Vue使用者多于React使用者，其中Vue官网有一段这样的表述：“更抽象一点来看，我们可以把组件区分为两类：一类是偏视图表现的 (presentational)，一类则是偏逻辑的 (logical)。我们推荐在前者中使用模板，在后者中使用 JSX 或渲染函数。这两类组件的比例会根据应用类型的不同有所变化，但整体来说我们发现表现类的组件远远多于逻辑类组件”。所以Vue相比React还
转载
2024-05-10 03:30:26
81阅读
当vue的data中的值发生变化后，视图中引用部分的值是否会同时发生变化呢？首先，我们要知道有哪些更新的类型。 更新的类型 1、直接赋值更新。this.heros=[' ']，模板会立即更新。 2、通过函数更新。this.heros.push("xx)。 更新的函数： push()：在数组最后添加元素； pop()：删除最后一个元素； shift()：删除最后一个元素；
转载
2023-07-05 17:00:40
167阅读
