--------------------------------------------------------------------------------------------------------展示效果-----------------------------------------------------------------------------------------------------------
代码块:1)
HTML部分:
<body>
<div id="selected">
<select v-model="selected">
<option v-for="option in op" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
<div>下拉框: {{ selected }}</div>
<script src="./app.js"></script>
</div>
</body>
代码块2)
JS部分:
new Vue({
el: '#selected',
data: {
selected: 'IMweb训练营作业',
op: [
{ text: 'IMweb训练营作业(一)', value: 'todolist' },
{ text: 'IMweb训练营作业(二)', value: 'select组件创建' },
{ text: 'IMweb训练营作业(三)', value: '用vue写一个APP' }
]
}
})