设置属性/数据在VueJs组件

Question

我有一个VueComponent，我需要传递一个值“A”。问题是值A可以通过VueRouter参数或通过模板插值。通过这两个选项设置房产数据的最佳方式是什么？

例如

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

如果我浏览到

/组件/ 8 /编辑

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

Answer 1

你必须搞清楚你想给优先，如果你想哪个参数优先route param，你可以做以下：

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

如果你想传递给道具为主，你可以这样写：

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