vue合集

1. vue-router是为了监听URL的变化，然后匹配路由规则，显示相应的页面，并且无需刷新页面，它分为hash模式和history模式，项目中用的是vue-router的默认模式hash模式。
   hash模式：window.location.hash可以获取到当前url的hash；hashchange可以监听url中hash的变化；hash模式的特点是兼容性更好，并且hash的变化会在浏览器的history中增加一条记录，可以实现浏览器的前进和后退功能；地址栏的地址含‘#’号
   history模式：
   vue-router的使用：
   a.引入相关的库文件import Router from 'vue-router'；
   b.添加路由链接<router-link to="/user">User</router-link>；
   c.添加路由填充位<router-view></router-view>；
   d.定义路由组件template: '<App/>',；
   e.配置路由规则并创建路由实例；

   // 创建路由实例对象
   var router = new VueRouter({
   	 // routes 是路由规则数组
   	 routers: {
   	 // 每个路由规则都是一个配置对象，其中至少包含path和compontent两个属性
   	 // path表示当前路由规则匹配的hash地址
   	 {path: '/user', component: User},
   	 {path: '/register', component: Register}
   }}
   

   f.把路由挂载到Vue根实例中

   new Vue({
   	el: '#app',
   	//为了能够让路由规则生效，必须把路由对象挂载到vue实例对象上
   	router
   });
   

2. vue的v-model原理简述
   v-model数据双向绑定原理
   v-model的底层原理：一方面modal层通过defineProperty来劫持每个属性，监听到变化就更新相关的页面元素。另一方面通过编译模板文件，为控件的v-model绑定input事件，从而页面输入能实时更新相关data属性值；其实就是既绑定了数据，又添加了一个input事件监听。

3. vue数据更新了但页面没有更新的几种情况

4. vuex刷新会清空数据，通过sessionStorage保存数据，有新开页

5. vue递归组件实现多级列表

6. 总结