Vue

缓存问题 方法一 在index.html文件添加如下代码 方法二 通过给打包的文件路径添加时间戳，在根目录创建vue.config.js文件，并添加如下代码： filename 指列在entry 中，

Vue3在年后第一个工作日正式发布，官方文档 创建（两种） 使用vue-cli创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.htm

理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 基本使用 安装vue-router，

Vuex 概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 Vuex使用时机

作用 让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 ===> 子组件 分类 默认插槽、具名插槽、作用域插槽 使用方式 默认插槽 具名插槽 作用域插槽 理解 数据

方式一 在vue.config.js中添加如下配置： 说明： 优点：配置简单，请求资源时直接发给前端（8080）即可 缺点：不能配置多个代理，不能灵活的控制请求是否走代理 工作方式：若按照上述配置代理

定义 一种组件间通信的方式，适用于：子组件 ===> 父组件 使用场景 A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 绑定 方式一：在父组件中<Scho

父子组件传参 父传子 一般都是需要传动态的值，所以需要v-bind绑定，当然，传递的值也可以是数字、对象、数组等等 子组件中接受父页面传过来的值，有几点需要了解： 组件实例的作用域是孤立的 子组件要显

不同版本的Vue vue.js与vue.runtime.xxx.js的区别 vue.js是完整版的vue，包含：核心功能+模板解析器 vue.runtime.xxx.js是运行版的Vue，只包含：核心

使用步骤 定义组件（创建组件） 注册组件 使用组件（写组件标签） 非单文件组件 定义组件 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那

定义 生命周期又名：生命周期回调函数、生命周期函数、生命周期钩子 它是Vue在关键时刻帮我们调用的一些特殊名称的函数 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的 生命周期函数中

v-bind：单向绑定解析表达式，可简写为:xxx v-model：双向数据绑定 v-for：遍历数组/对象/字符串 v-on：绑定监听事件，可简写为@ v-if：条件渲染（动态控制节点是否存在） v

更新时的问题 Vue监测数据的原理 特点 vue的data监测机制有以下特点： 监测数据为对象的时候，必须先声明属性 ，这个属性才是响应式的 增加不存在的属性 不能更新视图 （vm.$set） 修改数

模板语法 Vue模板语法有两大类 1、插值语法 功能：用于解析标签体内容 写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性 2、指令语法 功能：用于解析标签（包括：标签属

对象语法 v-bind:class设置一个对象，动态切换class :class可以和class共存 :class可以绑定数据中的对象 数组语法 v-bind:class设置一个数组 使用了数组就要在

计算属性(computed) 定义 要用的属性不存在，要通过已有属性计算得来 原理 底层借助了Object.defineproperty方法提供的getter和setter 执行时机 初次读取时会执行

el与data的两种写法 1、el有两种写法 new.Vue时配置el属性 先创建Vue实例，随后再通过vm.$mount('#root')指定el的值 2、data有两种写法 对象式 函数式 如何选

Vue是什么 Vue是一套用于构建用户界面的渐进式JavaScript框架 Vue可以自底向上逐层的应用 简单应用：只需要一个轻量小巧的核心库 复杂应用：可以映入格式各样的Vue插件 Vue官网： h