10.介绍下什么是<keep-alive />
11.watch能监听到数组的pop行为吗
12.watch如何实现深度监听
13.vue中如何解决页面不重新渲染问题
(2).在router-link标签中传递参数
<router-link :to={params: {x: 1}} />
也通过this.$route.params获取
注意:这里通过router-link传递参数的方式是隐式传参
解决办法:在v-for的外层或内层包裹一个元素来使用v-if
// 创建一个文件,定义bus中间件,并导出const bus = new Vue()// 在一个组件中发送事件bus.$emit('事件名称', 传递的参数)// 在另一个组件中监听事件bus.$on('事件名称', 得到传过来的参数)123456123456
// 这里是父组件<templete><child ref='child'/></templete><script>method: {getChild () {this.$refs.child.属性名(方法名)}}</script>
computed是根据依赖的值衍生出一个新的值,并且依赖的值可以有多个,只有当被依赖的值发生改变时,才会重新去执行计算
父组件beforeCreate() -> 父组件created() -> 父组件beforeMount() -> 子组件beforeCreate() ->子组件created() -> 子组件beforeMount() -> 子组件mounted() -> 父组件mounted()
2.更新过程顺序:
父组件更新过程:
父组件beforeUpdate() -> 父组件updated()
子组件更新过程:
父组件beforeUpdate() -> 子组件beforeUpdate() -> 子组件updated() -> 父组件updated()
3.销毁过程
父组件beforeDestroy() -> 子组件beforeDestroy() -> 子组件destroyed() -> 父组件destroyed()
// 这里是父组件<template><child@hook:mounted='getChildMounted'/></template><script>method: {getChildMounted () {// 这里可以获取到子组件mounted的信息}}</script>1234567891011121312345678910111213
.stop: 阻止事件冒泡
.native: 绑定原生事件
.once: 事件只执行一次
.self:将事件绑定在自身身上,相当于阻止事件冒泡
.prevent: 阻止默认事件
.caption: 用于事件捕获
watch: {obj: {handler: function(val) {},deep: true // 深度监听}}
联系客服