关于Vue的那些事儿~

Vue 去除 URL 中的# 的方法 Vue-Router 默认使用 hash 模式，所以在路由加载的时候，项目中的 URL 会自带 "#".如果不想使用 "#", 可以使用 Vue-Router 的

在 Vue 中配置路由分为 5 个步骤，分别是： 安装 引用 配置路由文件 视图加载的位置 跳转导航 Vue-Router 的路由守卫分类 路由守卫为： 全局守卫：beforeEach 后置守卫：af

Vue 自定义过滤器的方法 Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。过滤器应该被添加在 JavaScript表达式的

computed 中的属性名和 data 中的属性名不可以相同的原因 不能同名，因为不管是 computed 属性名还是 data 数据名还是 props 数据名都会被挂载在 vm 实例上，因此这三个

v-if 和 v-for 避免用在一起的原因 当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，通过 v-if 移动到容器元素，不会再重复遍历列表中的每个值。取而代之的是，我们只检查

Vue 常用的指令以及作用 1.v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2.v-for 格式： v-for="字段名 in(of) 数组 json

Vue 实现组件缓存的方法 在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，Vue 中有个动态组件的概念，它能够帮助开发者更好的实

捕获 Vue 组件的错误信息的方法 errorCaptured 是组件内部钩子，当捕获一个来自子孙组件的错误时被调用，接收 error、vm、info 三个参数，return false 后可以阻止错

Vue组件data必须是函数的原因 每个组件都是 Vue 的实例 组件共享 data 属性，当 data 的值是同一个引用类型的值时，改变其中一个会影响其他 组件中的 data 写成一个函数，数据以函

Vue 组件封装过程 首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题 分析需求 确定业务需求，把页面中可以服用的结构，样

Vue 数据双向绑定的原理 Vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发