VueJs：如何在双括号 {{}} 中使用数组？ [关闭]答案

【问题标题】：VueJs: How to use array in double braces {{}}? [closed]VueJs：如何在双括号 {{}} 中使用数组？ [关闭]
【发布时间】：2020-06-03 02:27:23
【问题描述】：

vue js中如何使用数组

var myObject = new Vue({
  el: '#app',
  data: {message: ["Hello"],["Word"]}
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<div id="app">
  <h1>{{ message[0] }}</h1>
</div>

我想在H1标签中显示“你好”，anyidea，非常感谢

【问题讨论】：

【解决方案1】：

首先，确保正确初始化数据属性。

data: {
 message: ["Hello", "Word"]
}

如果您确切知道"Hello" 位于index 的0 中，那么您可以使用message[0]。

你也可以有一个这样的对象数组

data: {
  message: [{
  first: "Hello",
  second: "Word"
 }]
}

然后要访问它，你会写{{message[0].first}}

您甚至可以在{{}} 中编写函数，例如{{message.find(el => el == "Hello World")}}

希望对你有帮助。

【讨论】：