vue加载json

1、首先vue加载json可以通过import直接引入，直接调用data即可获取json文件的内容。
2、其次打包以后发现变更JSON文件，渲染的页面还是与最初打包JSON文件渲染出来的页面。
3、最后可以在>vue项目导入本地json文件的2种方法

一、通过网络请求导入

步骤：

1找到vue项目目录下的build/webpackdevconfjs文件

2

3

4在页面钩子函数触发时，调用

created() {

        this$>你的id不连续，这个id属性鸡肋了
我想到两种方法
1、
可以取出页面上的所有文本框 历遍dom 或 用jquery $("texterea") 或 querySelectorAll("textarea")
var data={},nodes=querySelectorAll("textarea");//可能所有文本框都是有用的
for(var i=0,l=nodeslength;i<l;i++){
data[nodes[i]id]=nodes[i]value;//如果有不符合条件的文本框 这里也可以过滤掉
};
var json=JSONstringify(data);//json出来了 传送到新的页面？不知道你是要什么样的
2、
你程序输出页面的时候就把json顺带也输出了吧，前提页面是你写的
<table>
<script>var data={}</script>
<tr>
<script>data[1]="文本框内容1"</script>
<td><textarea id="1">文本框内容1</textarea></td><!--你说id是不是鸡肋-->
</tr>
<tr>
<script>data[99]="文本框内容99"</script>
<td><textarea id="99">文本框内容99</textarea></td>
</tr>
</table>

<script>
var json=JSONstringify(data);//json出来了 传送到新的页面？不知道你是要什么样的
</script>

转成json格式的字符串才能传递过去，接受后在eval生成对象 除非那个页面用windowopen打开或者在iframe打开，意识就是没有刷新当前页面，就可以通过opener,parent之类的获取到转换后的对象 var o=openergetJson();

---