Vue专项练习

关于Vue双向数据绑定

1、Vue实现双向数据绑定是采用数据劫持和发布者-订阅者模式
2、用户更新了View，Model的数据也自动被更新，这种情况就是双向数据绑定
3、Vue3.0数据劫持是利用ES5的Object.definProperty(obj,key,val)方法来劫持每个属性的getter和setter

Vue内置组件

1、transition:为组件的载入和切换提供动画效果
2、transition-group:作为多个元素/组件的过渡效果
3、keep-alive:缓存子组件，被包裹的子组件会多出两个生命周期：actived、deactivated
4、v-model:双向绑定
5、v-on:绑定事件
6、v-bind:绑定DOM
7、v-html:渲染html

Vue动态路由

获取动态路由{path:’/name/:id’}中的id值：this.$router.params.id

Vue2和Vue3的区别

1、Vue3中的Template支持多个要标签，Vue2不支持
2、Vue3中的生命周期的挂钩是onMounted,需要引入才能使用
3、Vue3引入了tree-shaking,以模块的方式引入api,减少打包体积

Vue的特性

1、轻量级
2、双向数据绑定
3、组件化
4、数据驱动视图