sweet_cookie的博客

Vue2引入Vuex store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); export default new Vuex.Store({ state:{}, actions:{}, mutaions:{}, modules:{}, getters:{} )} Vue3引入Vuex store/index.js Vue3里面基本上都是工厂函数，从vue变成createApp，这里的stor

Vuex模块化module 一般store里是actions、mutations、state、Getters 模块化之后就变成：模块1、模块2、模块3 —>> 模块下再包括actions、mutations、state、Getters src/store/index.js import Vue from "vue"; // 引入vuex import Vuex from "vuex"; Vue.use(Vuex); /*每个模块都有actions、mutations、。。。*/ cons

echarts做可视化数据视图很优美直观，echarts的官网有示例的代码 1、全局引入echarts npm install echarts --save 2、单页面当中使用局部echarts //editTaskItem.vue <template> <!-- echart需要操作dom来实现--> <div> <div rel="myEcharts" style=""></div> </div...

vue-cli4脚手架搭建 安装node.js 安装npm或cnpm 这里不介绍如何安装1、2，直接讲到安装vue-cli 检查是否安装成功：node -v 安装vue-cli脚手架 （在目标文件夹下操作） npm i -g @vue/cli 检查版本：vue -V 如果你想指定版本安装：npm install -g vue-cli@版本号 搭建项目 vue create vue-demo vue-demo是项目名，自取 我这里选择的手动配置 手动配置features

vue项目技术知识点 1、构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？ 1、vue.js:vue-cli工程的核心，主要特点是双向数据绑定和组件系统 2、vue-router：vue官方推荐的路由框架 3、vuex：为vue.js应用项目开发的状态管理器，主要用于维护vue组件间共用的一些变量和方法 4、axios（或者fetch、ajax）：用于发起get、post等http请求，基于promise设计 5、vant（等）：为vue设计的移动端UI组件库 6、创建一个emit.js

基于vuex的重点知识点 官方文档提供的操作图 vuex的构成： State:状态（vuex存放数据的地方） Getter：获取器（vuex通过现有数据计算出新的数据） Mutation：方法库（vuex的方法库，用于改变数据） Action：动作（提交Mutation，可以包含异步操作） Mudule：模块（将vuex进行分模块） vuex内部执行顺序： 组件通过dispatch触发actions里面的动作 actions通过commit提交Mutations Mutations注册事件，通过这些事件

全局配置 在main.js中进行配置 全局配置一项： vue.prototype.XXX = 'XXX’ such as ： 全局配置axios，axios非vue插件需要引入，全局使用可以进行全局配置 import axois from ‘axios’ vue.prototype.$axios = ‘axios’ 全局使用：this.$axios 全局配置多项 vue.prototype.vm = （{ router, store, render：h => h(App) }）.$mount