axios: vue中的ajax，是用来前后端交互的
npm install axios 下载axios
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<!--vue链接在最前面-->
<script src="js/vue-router.js" type="text/javascript" charset="utf-8"></script>
<!--router再连接-->
<script src="js/axios.js" type="text/javascript" charset="utf-8"></script>
<!--axios最后连接·-->
建立数据库
[
{
"num":1,
"name":"apple",
"price":4,
"str":5,
"zong":20
},
{
"num":2,
"name":"pear",
"price":6,
"str":5,
"zong":30
},
{
"num":3,
"name":"orange",
"price":8,
"str":5,
"zong":40
}
]
<script type="text/javascript">
mounted:function(){
var son=this;
axios({
method:'get',//请求方式
url:'fruit.json'//数据库链接
}).then(function(参数){//请求成功
son.arr=ind.data
}).catch(function(参数){//请求失败
})
}
</script>
获取域址 http-server
安装获取npm install http-server -g
