weixin_54722719的博客

keep-alive是vue.js的一个内置组件，它能够将不活动的实例组件保存在内存中，而不是直接将其销毁。它是一个抽象组件，不会渲染到真实的dom中，也不会出现在父组件中。它提供了include和exclude两个属性，允许有条件进行缓存。<keep-alive include="a"> <component></component></keep-alive>将缓存name为a的组件<keep-alive exclude="b">

1. 实现了什么功能从用户角度看，记录当前页面的状态，可以使用浏览器的前进后退功能作为开发者，要实现这两个功能，需要做到：改变url且不让浏览器向服务器发出请求，监测url的变化，截获url地址，并解析出需要的信息来匹配路由规则。2. hash模式url尾巴后带#号，hash值变化不会导致浏览器向服务器发出请求，hash的传参是基于url的，如果要传递复杂的参数，会有体积的限制。3. history模式history模式不仅可以在url里放参数，还可以将数据存放在一个特定的对象中。histo

vue-router的生命周期beforeEach 进入新路由之前执行beforeResolveafterEach 进入新路由之后执行beforeRouteEnter 进入组件之前被调用beforeRouteUpdate 不同路由组件被重复使用的时候被调用beforeRouteLeave 离开该组件的时候被调用...

1. vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理。相比与vue2，使用proxy API 优势有：defineProperty只能监听某个属性，不能对全对象进行监听；可以省去for in 、闭包等内容来提升效率（直接绑定整个对象即可）；可以监听数组，不用再去单独的对数组做特异性操作，vue3可以检测到数组内部

一旦刷新了页面，vuex就会被重置，刷新浏览器会导致js重新加载，Vuex的Store全部重置，为了防止被重置，一般会用localStorage对vuex进行一个存储防止Vuex丢失的情况。但是使用localStorage在每次状态变更时都要手动去存储。vuex官方文档给我们提供了一个插件选项，这时就可以通过插件做这些动作了。// 首先 npm install vuex-persistedstate --save// 在store/index.js中import createPersistedSta

简单描述就是提供了两个功能，view层输入的值改变data的属性值，data属性值发生改变会更新view层的数值变化。其核心是，一方面modal层通过definePropertry来劫持每个属性，一旦监听到变化就通过相关的页面更新元素。另一方面通过编译模板文件，为控件的v-model绑定input事件，从而页面输入能实时的更新相关的data属性值。...

1.插值1. 文本 ’Message‘ 语法（双大括号）的文本插值：{{ msg }}2. 原始 html ，输出HTML需要使用 v-html 指令3. 缩写<span v-html="rawHtml"></span> <!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 --> <a :href="url">...</a> &lt

1、基础例子<div><input v-model="message"/> <p>message的值: "{{ message }}"</p> <p>message的反转值: "{{ reversedMessage }}"</p></div><script>data(){ return { message: 'Welcome to Your' }},co