③数组：通过劫持数组的原型方法；将所有可能使得数组产生变化的方法劫持，当数据调用这些方法的时候，dep.notify()，会通知依赖于此数据的视图update();但是这样做会产生2个问题，如下： {代码...}

跨域问题的产生：浏览器用于隔绝潜在恶意文件的安全机制-同源策略限制非同源之间的资源进行交互。webpack使用proxy解决跨域问题。基于webpack-dev-server，只适合开发阶段。配置如下：

本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：

一、什么是虚拟DOM？虚拟DOM是由渲染函数创建的轻量级JavaScript对象，包含三个参数：元素，具有数据、prop、attr等的对象，以及一个children数组。数组可以传递子级，每个子级也都具有这些参数，并也可以具有子级，以此类推，直到我们构建完整的DOM树为止。当需要列...

为什么要用setup?在实际开发中，为了实现一个功能，其逻辑可能需要data,computed，methods, watch等几项共同协作才能实现，当组件变得更大时，逻辑关注点就会变得碎片化，不利于阅读和维护，因此在处理单个逻辑关注点时，将这些相关的代码配置在一起，就是setup的目的。

Vue2实现响应式的核心：对象：通过defineProperty对对象的已有属性值的读取和修改进行劫持（监视/拦截）数组：通过重写数组更新数组一系列更新元素的方法来实现元素修改的劫持 {代码...} 1、使用observe函数遍历data的每个属性2、调用Object.defineProperty()对每个...

一、Vue3简介2020年9月，Vue.js3.0'One Piece'正式版发布，vue3支持vue2大多数特性，并更好的支持Typescript.性能方面，相比Vue2,vue3的性能提升了许多

一、简介Vuex是服务于Vue.js应用程序的状态管理模式。vue状态管理分为三部分state,驱动应用的数据源view,以声明方式将state映射到视图actions,响应在view上的用户输入导致的状态变化vuex的设计思想：在多个组件共享状态时，将该共享状态抽离出来以一个全局单例模式管...

一、导航守卫完整的导航解析流程：导航被触发在失活的组件里调用beforeRouteLeave调用全局的beforeEach在重用的组件里调用beforeRouteUpdate在路由配置里调用beforeEnter解析异步路由组件在被激活的组件里调用beforeRouteEnter调用全局的beforeResolve导航被确认调用...

1、安装vue-router {代码...} 2、引入注册vue-router {代码...} 3、链接跳转 {代码...} 4、经常用到 {代码...} 5、路由配置 {代码...} 6、路由参数方式变化时，重新发出请求并更新数据 {代码...} 7、编程式导航 {代码...} 8、命名视图 {代码...} 9、重定向与别名 {代...

一、起步 {代码...} 二、动态路由给路由路径设置参数 {代码...} 传入实参的方法 {代码...} 三、嵌套路由可以在路由组件中嵌套<router-view>标签，作为子路由的出口 {代码...} 使用children属性配置子组件 {代码...} 四、编程试的导航1、router.push()除了使用&...

看了这篇文章，你可以了解到以下布局方法： table-cell 定高水平垂直居中 不定高水平垂直居中 单行定高水平垂直居中 单行不定高水平垂直居中 多行定高水平垂直居中 多行不定高水平垂直居中 多列等高布局 左边定宽右边自适应布局 左边右边定宽中间自适应三列布局 最近...

题目： 假设高度已知，写出三栏布局，其中左右两栏各为300px,中间宽度自适应 。基础代码如下 {代码...} 一、浮动float解决方案 {代码...} 优点：兼容性好缺点：会带来高度塌陷、影响周围元素布局等问题，需要清除浮动 {代码...} 二、position定位解决方案 {代码...} ...

一、组件注册1、组件名：可以使用kebab-case短横线分隔命名,也可以使用PascalCase驼峰命名。2、全局注册使用Vue.component来创建的组件作用域是全局，在任何新创建的Vue根实例（new Vue）的模板中，都可以使用。

一、vue简介 Vue.js是一款渐进式JavaScript框架。优点：体积小-压缩后33k基于虚拟DOM操作，大幅度提高了页面渲染及运行效率。 {代码...} 双向数据绑定-让DOM操作变得更简单生态丰富，学习成本低，市面上有大量成熟稳定的基于vue的UI框架和常用组件，帮助我们实现快速...

vscode默认tab会缩进4个字符，修改成2个字符的方法如下：1、点击左上角File（文件）2、点击preferences（首选项）3、点击settings（设置）4、搜索tabsize5、将Tab Size改为2

F1 或 Ctrl+Shift+P（俗称万能键）  ：打开命令面板。在打开的输入框内，可以输入任何命令,如下图(图片较大，如果查看不清晰，可以在图片上右键 “在新的标签页中打开图片”，查看原图，下同)：

泛型：指在定义函数、接口、类时，不预先指定具体的类型，而是在使用的时候在指定类型的一种特性。一、泛型函数 {代码...} 多个泛型参数的函数：函数中有多个泛型的参数 {代码...} 二、泛型接口在定义接口时，为接口中的属性或方法定义泛型类型，在使用接口时，再指...

可选参数和默认参数在TS中，调用函数时，传入参数的数量与类型与定义函数时设定的形参不一致会提示错误，我们可以在定义函数时给参数设置默认值，也可以设置参数为可选参数(调用时可传，可不传) {代码...}