做网站需要知道的简单代码,一键优化是什么意思,绵阳 网站 建设,创业公司做网站目录
1 安装
2 挂载
2.1 vue2写法
2.2 vue3写法
3 state
3.1 声明数据
3.2 使用数据
3.3 处理数据
4 mutations
4.1 基本使用
4.2 传递参数
4.3 mutations中不能写异步的代码
5 actions
5.1 基本使用
5.2 传递参数
6 getters Vuex是做全局数据…目录
1 安装
2 挂载
2.1 vue2写法
2.2 vue3写法
3 state
3.1 声明数据
3.2 使用数据
3.3 处理数据
4 mutations
4.1 基本使用
4.2 传递参数
4.3 mutations中不能写异步的代码
5 actions
5.1 基本使用
5.2 传递参数
6 getters Vuex是做全局数据共享的如果不使用vuex每个组件的数据传来传去的很麻烦 我们下面通过vue3来使用vuex
1 安装 2 挂载
2.1 vue2写法 2.2 vue3写法 3 state
state是放数据用的
3.1 声明数据
声明的数据所有的组件都可以使用 3.2 使用数据 也可以用下面这种方式使用数据下面这种方式感觉麻烦一些 3.3 处理数据
你可以这样搞 这样搞是可以生效的点击按钮后something的值会1 但是vuex不建议你这样搞因为这样你会把函数定义的哪里都有你改起来很麻烦。vuex建议你使用mutations
4 mutations
4.1 基本使用
mutations存放 操作state中的数据的函数函数不能包含异步操作我们做个例子
先在mutations中定义改变something的函数 然后在组件中使用 最后把组件在app中渲染 4.2 传递参数
定义 用 可以成功实现效果 用下面这种方法也可以在组件中使用mutations相较于上面的方法我觉得麻烦了一些 4.3 mutations中不能写异步的代码
我们写一个看看 点击按钮过1s后虽然页面上的值改变了但是state中的值没有改变 如果你要执行异步操作你需要使用action
5 actions
5.1 基本使用
action存放 操作state中的数据的函数的异步操作部分action如果想操作state中的数据只能配合mutations使用我们做个例子
如果你不操作state中的数据就不用配合mutations比如就单单发一个axios请求 在点击按钮的1s后页面上的值发生了改变state中的值也发生了改变 5.2 传递参数
像我们上面的例子就把 88 写死了这样不是很好用如果要通过action传递参数我们可以这样写 1s后页面上的值改变了state中的值也改变了 用下面这种方法也可以在组件中使用actions相较于上面的方法感觉麻烦了些 6 getters
getters相当于是vuex中的计算属性你可以在getters对state的值进行加工我们做个例子
定义getters 使用getters 打开后是这样的 点击一下按钮getters的值也会发生相应的改变 也可以用下面这种方法在组件中使用getters相较于上面的方法下面的就麻烦了些
