![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue
沐颖汐
懒癌…
展开
-
Vue的生命周期
Vue的生命周期创建Vue对象执行beforeCreate事件钩子(data,el:undefined)开始监控Data对象数据变化Vue内部初始化事件执行created事件钩子,此时可以做一些ajax操作(data:value,el:undefined)判断是否有el模板判断是否有template模板el转为template,template直接编译到render函数中渲染成模板,生成html开始执行beforeMount事件钩子,此时还没有将html放在页面上(data:value,原创 2021-03-01 19:06:52 · 309 阅读 · 4 评论 -
4.Vuex -- Action
4. Vuex – ActionActionAction 用于处理异步任务如果需要通过异步方式变更状态,必须通过 Action ,而不能使用 Mutation ,但是在 Action 中还是需要通过 Mutation 的方式间接变更状态const store = new Vuex.Store({ state: { 状态名称:值, ... }, mutations: { 事件名 (state, [参数...]) { // 变更状态 state原创 2021-02-28 22:23:11 · 123 阅读 · 0 评论 -
3.Vuex -- Mutation
3. Vuex – MutationMutationMutation 用于变更 Store 中的状态只能通过 mutation 变更 store 中的状态,不可以直接操作 store 中的状态通过这种方式操作虽然很繁琐,但是可以监控状态的变化无法执行异步操作const store = new Vuex.Store({ state: { 状态名称:值, ... }, mutations: { 事件名 (state, [参数...]) { // 变原创 2021-02-28 22:22:17 · 192 阅读 · 0 评论 -
2.Vuex -- Getter
2. Vuex – GetterGetterGetter 用于对 Store 中的状态进行加工处理形成新的状态Getter 可以对 Store 中已有的状态加工处理之后形成新的状态,类似Vue的计算属性Store 中的状态发生变化, Getter 的状态也会跟着变化const store = new Vuex.Store({ state: { 状态名称:值, ... }, getters: { 名称: state => { // 包装 St原创 2021-02-28 22:21:43 · 95 阅读 · 0 评论 -
1.Vuex -- State
1. Vuex – StateStateState 提供唯一的公共数据源,所有共享的状态都要统一放到 Store 的 State 中进行存储const store = new Vuex.Store({ state: { 共享的状态名称:值, ... }})访问方式一this.$store.state.共享的状态名称访问方式二// 1. 从 vuex 中按需导入 mapState 函数import { mapState } from 'vuex'// 2原创 2021-02-28 22:21:14 · 66 阅读 · 0 评论 -
0.Vuex
0. VuexVuex 是什么?Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。Vuex 统一管理状态的好处是什么?能够在Vuex中集中管理共享的数据,便于开发和维护高效地实现组件之间的数据共享,提高开发效率存储在Vuex中的数据都是响应式的,能够保持数据与页面的同步Vuex 的基本使用1. 安装 Vuex 依赖包npm install vuex -savenpm i vuex -S2. 导入 Vuex 包store.js 文件中impor原创 2021-02-28 22:19:48 · 78 阅读 · 0 评论