1. 动态路由的参数变化时页面不会重新渲染
如果当前你在一个动态路由的页面,然后跳转到一个路径相同参数不同的动态路由页面是(只是数据发生改变),页面不行从新刷新渲染,数据不会改变。
解决方法:通过监听$route的变化从新渲染数据。
watch: {
'$route': {
// 1. 获取新数据
// 2. 赋值新数据
// 3. vue监听到数据变化,从新渲染页面
}
}
2. 传值与传字面量
在vue的组件中传递数据
如果是单纯传递字面量,如
<hello result="success"></hello>
那么在hello中获取的props result的值就是“success”,父层的success的值改变,hello的值也会跟着改变。
如果希望进行值传递,需要在指令前加 ':' 冒号,如
<hello :name="name" :number="23" :isMan="true"></hello>
<script>
export default {
data () {
return {
name: '银永鑫',
}
},
}
</script>