vue使用json最簡單的兩種方式

第一種：

首先我項目是在 webpack 下搭建的vue項目
在public文件夾下創建jsonTest.json
json 格式的數據如下：
{
	“innerList”: [
		{"attr1":"內部數據1","attr2":"內部數據2",...},
		{"attr1":"內部數據1","attr2":"內部數據2",...},
		....
	]
}

在某一組件內：

......html元素
import people from '../../json/jsonTest.json';
 
export default{
	data(){
		return {
			dataset: people.innerList
		}
	}
}

第二種：

getDataList(){
 this.$axios.get("/json/jsonTest.json").then((res)=>{
 //得到response.data數據做具體賦值操作
 }).catch(() => {
		response.errer
                    this.$message({
                        message: response.errer.msg
                    })
                })