vue复习

v-bind和v-model的区别

1.v-bind用来绑定数据和属性以及表达式，缩写为'：'

2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用

vue-router

router-link(路由导航)、router-view(路由出口)

有三种导航钩子： 全局导航钩子：router.beforeEach(to,from,next)，组件内的钩子 beforeEnter: (to, from ,next) => {}，单独路由独享组件beforeRouteEnter(to, from, next) {}

Vue.js的template编译的理解

简而言之，就是先转化成AST树，再得到的render函数返回VNode（Vue的虚拟DOM节点）

vue的v-if与v-show的区别

相同点： v-if与v-show都可以动态控制dom元素显示隐藏

不同点： v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css–display:none，dom元素还在。

v-if适合运营条件不大可能改变；v-show适合频繁切换。

vue.js的两个核心是什么

数据驱动和组件化

vue中 key 值的作用

使用key来给每个节点做一个唯一标识

key的作用主要是为了高效的更新虚拟DOM

vue中子组件调用父组件的方法

第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法

第二种方法是在子组件里用$emit向父组件触发一个事件，父组件监听这个事件就行了。

第三种是父组件把方法传入子组件中，在子组件里直接调用这个方法

v-for的优先级比v-if高