在 VueJs 组件中设置属性/数据

Question

我有一个 VueComponent，我需要为其传递一个值 "A"。问题是值 A 可以传递 VueRouter 参数或通过模板插值。通过这两个选项设置 属性 数据的最佳方法是什么？

例如

<component :property="value"></component>

如果我导航到

/component/8/edit

mounted() {
   this.property = this._route.params.id
}

Answer 1

你要弄清楚你要优先哪个参数，如果你想优先route参数，你可以这样做：

mounted() {
   this.property = this.$route.params.id ? this.$route.params.id  : this.property
}

如果想优先传递props，可以这样写：

mounted() {
   this.property = this.property ? this.property : this.$route.params.id 
}