首页 > 其他 > 详细

vue复习

时间:2019-10-30 14:57:47      阅读:85      评论:0      收藏:0      [点我收藏+]

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高

vue复习

原文:https://www.cnblogs.com/SaberInoryKiss/p/11764340.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!