Prop类型:在子组件中试图改变props传入的值

F12

父到子的数据流动是单向的。 有两种常见的试图变更一个 prop 的情形:
    - 7.1
    - 7.2

注意在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。
if library is ok: {{msg}}
7
7.1 prop 用来传递一个初始值;这个子组件接下来希望将其作为一个本地的 prop 数据来使用。
解决方法: 在这种情况下,最好定义一个本地的 data property 并将这个 prop 作为其初始值
7.2 这个 prop 以一种原始的值传入且需要进行转换
解决方法:在这种情况下,最好使用这个 prop 的值来定义一个计算属性
9. 尝试在子组件内改变传入的obj check > vm.post.commentIds
check > vm.post.commentIds=[1,2,3]