Avoid mutating a prop directly since the value will be overwritten whenever the parent component

解释：避免直接更改道具，因为每当父组件重新渲染时，该值都会被覆盖。相反，使用基于道具值的数据或计算属性

当我们直接改变父组件的 props 值是会报以下警告：

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “isPreview” isPreview

会报错的原因是由于 Vue 的单项数据流。

如何形成单项数据流：

1. 数据总是从父组件传到子组件，子组件没有权利修改父组件传过来的数据，只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态，从而导致你的应用的数据流向难以理解。
2. 注意： 在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法，开发环境会报警告。
3. 如果实在要改变父组件的 props 值可以再data里面定义一个变量，并用 prop 的值初始化它，之后用$emit 通知父组件去修改。

解决方法：

在子组件需要改变父组件值的地方，通过 this.$emit("isPreview", true)通知父组件修改值。