vue
文章平均质量分 53
多数为vuex的相关知识与vue-cli项目的处理
sweet_doris
最会划水的前端人
展开
-
vue3引入vuex与vue2引入对比
Vue2引入Vuexstore/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);export default new Vuex.Store({ state:{}, actions:{}, mutaions:{}, modules:{}, getters:{} )}Vue3引入Vuexstore/index.jsVue3里面基本上都是工厂函数,从vue变成createApp,这里的stor原创 2021-09-12 17:23:30 · 260 阅读 · 0 评论 -
Vuex模块编码
Vuex模块化module一般store里是actions、mutations、state、Getters模块化之后就变成:模块1、模块2、模块3 —>>模块下再包括actions、mutations、state、Getterssrc/store/index.jsimport Vue from "vue";// 引入vueximport Vuex from "vuex";Vue.use(Vuex);/*每个模块都有actions、mutations、。。。*/cons原创 2021-08-03 10:55:09 · 145 阅读 · 0 评论 -
vue当中使用echarts的简单可视化
echarts做可视化数据视图很优美直观,echarts的官网有示例的代码1、全局引入echartsnpm install echarts --save2、单页面当中使用局部echarts//editTaskItem.vue<template><!-- echart需要操作dom来实现--> <div> <div rel="myEcharts" style=""></div> </div...原创 2021-07-14 13:39:16 · 402 阅读 · 0 评论 -
vue-cli4脚手架搭建
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原创 2021-04-06 16:46:59 · 124 阅读 · 0 评论 -
vue项目技术知识点
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原创 2020-12-14 11:36:15 · 2362 阅读 · 0 评论 -
基于vuex的重点知识点
基于vuex的重点知识点官方文档提供的操作图vuex的构成:State:状态(vuex存放数据的地方)Getter:获取器(vuex通过现有数据计算出新的数据)Mutation:方法库(vuex的方法库,用于改变数据)Action:动作(提交Mutation,可以包含异步操作)Mudule:模块(将vuex进行分模块)vuex内部执行顺序:组件通过dispatch触发actions里面的动作actions通过commit提交MutationsMutations注册事件,通过这些事件原创 2020-12-14 11:23:48 · 142 阅读 · 1 评论 -
vue项目中的一些全局配置有感
全局配置在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原创 2020-11-19 20:47:00 · 132 阅读 · 0 评论