Vue
HTML
<div id="app">
<h2>Items:</h2>
Введите <b>itemArrays</b>: <input v-model="arrayName" />
<ol>
<li v-for="item in items">
<label>{{ item }}</label>
</li>
</ol>
</div>
CSS
body {
background: #20262E;
padding: 20px;
font-family: Helvetica;
}
#app {
background: #fff;
border-radius: 4px;
padding: 20px;
transition: all 0.2s;
}
li {
margin: 8px 0;
}
h2 {
font-weight: bold;
margin-bottom: 15px;
}
del {
color: rgba(0, 0, 0, 0.3);
}
Vue
new Vue({
el: "#app",
data: {
arrayName: 'itemArrays',
itemArrays: [
1, 2, 3, 4
]
},
computed: {
items: function(){
return (this.$data[this.arrayName] || []);
}
}
})