在 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 
}