JSON文件里不要写注释
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- json文件里不能有注释,文件也不能重名 -->
<script src="../../../vue/vue.js"></script>
<script src="../../../vue/axios.min.js"></script>
</head>
<body>
<div id="app">
<!-- 需求: 点击按钮,去1.json里获取city的数据并展示 -->
<button @click="show()">展示数据</button>
<select>
<option v-for="i in city">{{i}}</option>
</select>
</div>
<script>
new Vue({
el:'#app',
data:{
city:''
},
methods:{
show(){
/* 需求: 去1.json里获取city的数据并展示 */
axios.get('city.json').then(
res => {
this.city = res.data.city;
// console.log(res.data.city);
}
)
}
}
})
</script>
</body>
</html>