Hiyiin的博客

vue-router是vue的一个插件库，专门用来实现SPA应用SPA应用就是单页的web应用（single page web application）安装vue-router，命令：(**注意：**不加@3安装的是4.x版本的路由，vue2只支持3.x版本路由，vue3才支持4.x版本的路由)创建路由配置文件应用插件：在中编写router配置项： 实现切换(active-class可配置高亮样式) 指定展示位置 2.2 使用注意 路由组件通常存放在文件夹中，一般组件通常存放在文件夹中 通过切

A组件中有数据x，y，若有其他组件BCD都需要使用并修改A组件中的x数据的时候，若用全局事件总线的方式实现起来，组件少的话就挺方便的，但组件一多起来就会很麻烦，这时候就需要用到Vuex了。vuex的原理与去餐厅吃饭流程类似创建文件 在中创建vm时传入配置项 3 基本使用 初始化数据、配置、配置、操作文件 组件中读取vuex中的数据：组件中修改vuex中的数据：或**mapState方法：**用于帮助我们映射中的数据为计算属性 **mapGetters方法：**用于帮助我们映射中的数据为计

我们知道服务器与服务器之间是不存在跨域请求的问题的，但一般在项目中是不允许进行跨域请求的，若要进行跨域请求，就需要借助一台代理服务器了，在进行跨域请求时，我们的请求如果直接发给目标服务器，目标服务器会返回一段具有特殊响应头的响应体数据，那么返回的数据是无法解析的，这时候就需要在本项目的端口配置一台代理服务器，先将请求发送给代理服务器，再又代理服务器转发到目标服务器，然后将代理服务器响应的数据处理后转发到本机服务器。在vue.config.js中添加如下配置 注意：编写vue.config.js配置具体代理规

**第一步（仅第一次执行）：**全局安装@vue/cli 第二步：切换到要创建项目的目录，然后用命令创建—src—component：存放组件—App.vue—main.js：入口文件—.gitignore：git版本管理忽略的配置—babel.config.js：babel的配置文件—package.json：应用包配置文件—README.md：应用描述文件—package-lock.json：包版本控制文件让组件接收外部传过来的数据传递数据接收数据第一种方式（只接收）第二种方式（限制类型） 第三种方

如果应用中的js都是以模块来编写的，那这个应用就是一个模块化的应用。当应用中的功能都是以组件的方式来编写的，那么这个应用就是一个组件化的应用。分为非单文件组件和单文件组件使用创建，其中和时传入的哪个options几乎一样，但也有区别：**注意：**使用template可以配置组件结构。直接在html页面中的Vue服务的容器中编写组件标签例如： 2.4 创建组件需要注意的地方 2.4.1 组件名 一个单词组成： 第一种写法（首字母小写）： 第二种写法（首字母大写）： 多个单词组成： 第一种写法（ke

**注意：**JavaScript表达式包括表达式和有返回值的方法 3 Vue模板语法 3.1 语法类型及简介 两大类： 4 数据绑定 4.1 数据绑定的方式 两种方式：注意：v-model具有局限性，只能使用在表单类（输入类）这些具有value值的标签中 5 el与data的两种写法 5.1 el的两种写法 5.2 data的两种写法 6 MVVM模型 6.1 MVVM模型组成 M:模型(Model)：对应data中的数据 V:视图(View)：模板 VM:视图模型(ViewModel)：Vue实例