入门 - Vue中使用axios原理分析及解决前端跨域问题 1. 什么是Axios？ Axios（ajax i/o system），是Vue创建者主推的请求发送方式，因其简单的配置与良好的性能被前端爱好者所喜爱。众所周知，在进行网页设计时经常需要从后端拿数据，在Web应用初期会将整个页面或者文档直接拿过来，随着Web应用的发展，人们对性能的不断提升，逐渐向无

Vue面试系列-01 1. 什么是 Vue？ Vue（读音 /vjuː/，类似于view）是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。 Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动

Vue面试系列-02 1. Vuex 在什么情况下使用？ 如果应用比较简单，不建议使用Vuex，一个简单的store模式即可；而需要构建一个中大型单页应用时，使用Vuex能更好地在组件外部管理状态。 2. Vuex 和单纯的全局对象有什么区别？ Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组

Vue面试系列-03 1. Vue 中使用了哪些设计模式？ 1、工厂模式 - 传入参数即可创建实例 虚拟 DOM 根据参数的不同返回基础标签的 Vnode 和组件 Vnode。 2、单例模式 - 整个程序有且仅有一个实例 vuex 和 vue-router 的插件注册方法 install 判断如果系统存在实例就直接返回掉。 3、发布-订阅模式。（vue 事件

入门 - vue整个过程的生命周期详解 生命周期概念 Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue()开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序

入门 - vue中v-model的实现原理和完整用法详解 v-model介绍 v-model是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。在view层，model层相互需要数据交互，即可使用v-model。 1. 双向绑定一般都应用在表单类元素上（如：input、se

入门 - Vue中vue-router实现原理详解 vue-router概念 vue-router是Vue官方推出的路由管理器，它和vue.js是深度集成的，主要用于管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换，通过改变URL，在不重新请求页面的情况下，更新页面视图，从而使构建单页面应用变得更加简单。 vue-router是基于路由和

Vue 使用原生 js 实现锚点定位到指定位置 方式一：传统href锚点定位 网上有很多通过href锚点定位的方式，也有很多千奇百怪的方法！这种跳转方法实现的是从某个位置跳转到同页面的另一个位置。 通过href定位会在访问地址栏中增加ID值，影响url正常请求，不太友好； 另外是href定位如果不想定位到浏览器界面顶部位置时， 需要在对应的ID值内部元素中增