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最后連接·-->
建立數(shù)據(jù)庫
[
{
"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'//數(shù)據(jù)庫鏈接
}).then(function(參數(shù)){//請求成功
son.arr=ind.data
}).catch(function(參數(shù)){//請求失敗
})
}
</script>
獲取域址 http-server
安裝獲取npm install http-server -g
