A_lexzanda的博客

全程都是用sudo，但是却报了权限错误，最后发现是原因node版本问题导致的，vite官方推荐的node版本是v14.18.0。之后选择vue，下一步选择javaScript或者typeScript。*mac os 在命令行前面都加上sudo，以确保权限没有问题。首先使用vite初始化Vue项目，在终端中输入。切换node版本之后，项目就可以正常跑起来了。安装完依赖包之后启动项目。进入项目后先安装依赖包。

在使用state中的属性时，我们往往需要使用属性的派生状态，如过滤等操作，getter可以认为是store中的计算属性，就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。Vuex使用单一状态树，用一个对象包含全部应用层级的状态，这意味着每个Vue应用将仅仅包含一个store实例。简单理解为可以把多个组件共享的变量（状态）全部存储在一个对象里面，将该对象放在顶层的Vue实例中，让其他组件使用并响应式刷新。

之前介绍的导入语句被称为静态导入，import不能动态生成任何参数，也无法根据条件或在运行时导入（import语句在{}代码块内不生效）。-构建工具（webpack等）的优化器optimizer会在打包时对模块的依赖进行优化，删除未使用的代码以提高加载速度，从而使构建更小，这就是所谓的摇树tree-shaking。命名的导出会强制我们使用正确的名称进行导入，默认导出时我们可以自由选择名称，为了代码易于维护通常遵循导入变量与文件名相对应的规则。在导入和导出时，我们可以使用as使得名称更为简洁。

为了维护方便通常会将axios进行封装，在src下新建axisoConfig目录，在request.js下进行封装。，可以在node.js中发送http请求，支持Promise API，拦截请求和响应，etc。1.安装axiox（开发时依赖--save-dev；运行时依赖--save）浏览器中发送XMLHttpRequests。4.axios的相关常见配置信息。3.axios发送并发请求。二、axios的基本使用。5.创建axios实例。...

ES6中异步编程的一种解决方案，解决地狱回调，常用于网络请求。四、Promise的all方法。二、Promise的三种状态。三、Promise的链式调用。一、什么是Promise。

1. 什么是Vue CLI？CLI （Command-Line Interface）命令行界面，俗称脚手架 Vue CIL是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建vue开发环境以及对应的webpack配置2. Vue CLI 的使用使用前提：vue cli依赖于node环境和webpack，node环境要求8.9及以上安装vue cli3 & 初始化项目：npm install @vue/cli -g //安装vue c...

webpack提供了一个可选的本地开发服务器，本地服务器基于node.js搭建，内部使用express框架，实现浏览器自动刷新代码修改后的结果（代码的修改会储存在内存里面而不是打包后的磁盘里，内存的读取速度会比磁盘读取速度快很多）。1.搭建本地服务器npm install webpack-dev-server@2.9.1 --save-devdevserver作为webpack中的一个选项，选项本身可以设置如下属性：contentBase：为哪一个文件夹提供本地服务，默认是根文件夹..

什么是Loader？webpack通过扩展对应的loader以支持更多文件的转化，如scss，less转换成css；ES6转换为ES5代码等。大部分loader可以在webpack官网找到，并学习对应的用法。loader的使用过程1. 通过npm装需要使用的loader2.在webpack.config.js中的module关键字下配置1.利用css-loader和style-loader给css文件打包项目中新建一个css文件夹，文件夹内新建normal.css文件：bod.

什么是Webpack？ webpack是一个现代的JavaScript应用的静态模块打包工具模块：前端模块化的一些方案有CommonJS，ES6，AMD，CMD；webpack可以作为项目模块化开发提供底层支撑，处理模块之间的相互依赖（JavaScript文件，CSS，图片，json文件等都可以被当作模块来使用）并将其进行整合处理成浏览器可识别的代码。打包：将webpack中的各种资源模块进行打包合并成一个或多个包（Bundle），并且在打包过程中可以对资源进行优化和处理：TypeScrip..