现在应该写为:

    1. username: String,
    2. },
    3. computed: {
    4. normalizedUsername: function () {
    5. return this.username
    6. .replace(/\s+/, '-')
    7. }

    这样有一些好处:

    • 你可以对保持原始 prop 值的操作权限。
    • 通过给予验证后的值一个不同的命名,强制开发者使用显式申明。

    升级方式

    运行迁移工具找出包含 coerce 选项的实例。

    升级方式

    运行 ,找出含有 twoWay 参数的实例。

    Props 现在只能单向传递。为了对父组件产生反向影响,子组件需要显式地传递一个事件而不是依赖于隐式地双向绑定。详见:

    升级方式

    运行迁移工具找到使用 和 .sync 修饰符的实例。

    大多数情况下,改变 prop 值可以用以下选项替代:

    • 通过 data 属性,用 prop 去设置一个 data 属性的默认值。

    升级方式

    运行端对端测试,查看关于 prop 修改的控制台警告信息

    对于一个根实例来说 (比如:用 new Vue({ … }) 创建的实例),只能用 propsData 而不是 props

    升级方式