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高

posted @ 2019-10-30 13:30  SaberInoryKiss  阅读(154)  评论(0编辑  收藏  举报