webpack
文章平均质量分 80
GuMoYu
学习前端的小小白
展开
-
十分钟理解Vuex的概念及作用
1.Vuex是做什么的?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。状态管理到底是什么?状态管理模式、集中式存储管理这些名词听起来就非常高大上,让人捉摸不透。 其实,你可以原创 2021-11-25 15:45:22 · 1520 阅读 · 0 评论 -
Vuex五大核心概念详细篇,以及代码演示
完全理解Vuex五大核心概念,并学会使用.Vuex核心概念一、State单一状态树提供一个响应式数据,存贮公共数据的地方这个和我们在应用开发中比较类似︰二、Getter 从基本数据(state)派生的数据,相当于state的计算属性组件:getters:三、Mutation状态更新1)更改state方法;2)定义mutation的方式:3)通过mutation提交更新4)mutation在提交时如何传传递参数,以及传递多个参数?4.1)传一个参数的写法(官网例子):4.2)对象风格的提交方式,传多个参数.原创 2021-11-25 15:30:40 · 540 阅读 · 0 评论 -
vue/cli--4.5.13创建项目以及配置
vue/cli--4.5.13创建项目以及配置目录一、下载vue/cli二、创建项目三、按照项目需求选择相应配置四、选择版本五、选择css预处理六、选择编码规则,代码风格、格式校验七、选择语法检查方式八、配置文件存放九、是否保存配置记忆十、构建完成十一、项目运行目录一、下载vue/cli安装vue-cli:npm install -g @vue/clinpm链接:https://www.npmjs.com/package/@vue/cli二、创建项目进入到相应文件夹,进入终端输入vue原创 2021-10-04 15:47:22 · 471 阅读 · 0 评论 -
利用webpack进行最简单的打包
利用webpack进行最简单的打包前提:在本地安装好webpack,建立相应目录结构一、建立好两个工具类.js文件,以及index.jsindex.js//CommonJSconst { sum } = require("./mathTools")console.log(sum(5, 9));//ES6import { firstName, lastName, year } from './profile.js';console.log(firstName, lastName, y原创 2021-09-25 20:37:26 · 111 阅读 · 0 评论