没有合适的资源?快使用搜索试试~ 我知道了~
首页将本地json文件加载到vue页面.docx
将本地json文件加载到vue页面.docx
需积分: 46 277 浏览量
更新于2023-05-29
评论
收藏 249KB DOCX 举报
试vue.js传值原理,在本地创建一个json文件,然后创建一个vue页面,遍历显示这个文件内容。
资源详情
资源评论
资源推荐

学习汇报
最近的任务是测试 vue.js 传值原理,在本地创建一个 json 文件,然后创建一个 vue 页面,
遍历显示这个文件内容。
步骤一:
1.创建一个空文件夹 test,然后右键点击 Git bash here
2.输入: npm install -g vue-cli 安装 vue-cli 脚手架。
3.输入: vue init webpack xx 安装 webpack 模板,这里的 xx 是你包的名字自
定义。
4.输入: npm install 安装依赖
5.输入: npm run dev 运行测试
步骤二:由步骤一可得到一个基本的 vue 页面,我们在此基础上修改
1.新建一个 json 文件,存放批量数据,并把这个文件放在目录下
2.修改 webpack.dev.conf.js 文件,
在 const PORT = process.env.PORT && Number(process.env.PORT)语句后面添加
代码
const express = require('express')
const app = express()
var appData = require('../data.json')
var apiRoutes = express.Router()

















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0