HTML
<div id="app" class="container">
<h1>Test</h1>
<img :src="data[0]['imagePath']" />
<div>
<a class="waves-effect waves-light btn">button</a>
</div>
<div class="row">
<!--<div class="input-field col s12 m6">-->
<!-- <i class="material-icons prefix">account_circle</i>-->
<!-- <input id="icon_prefix" type="text" class="validate">-->
<!-- <label for="icon_prefix">Name</label>-->
<!--</div>-->
<div class="input-field col s12 m6">
<select>
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<label>Materialize Select</label>
</div>
</div>
</div>
JAVASCRIPT
let data = [{"number":22220150, "name": "youta_s", "imagePath": "www"}];
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options);
});
var app = new Vue({
el: '#app',
data: {
data : [
{"number":22220150, "name": "youta_s", "imagePath": "https://www.oki-ana.com/wp-content/uploads/2018/11/1-e1542693524581.jpg"},
{"number":22220150, "name": "youta_b", "imagePath": "www"},
],
image : "https://www.oki-ana.com/wp-content/uploads/2018/11/1-e1542693524581.jpg",
},
methods: {
greet: function(aa){
},
}
});