vue学习总结(五--json-server的使用,附面试题)

最新推荐文章于 2023-12-01 21:51:53 发布
最新推荐文章于 2023-12-01 21:51:53 发布
阅读量248 收藏
点赞数
分类专栏： 十二.vue 文章标签： vue学习总结(五)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaodi520520/article/details/86255473
版权
本文介绍了如何使用json-server来轻松实现增删改查操作，并提供了详细的使用步骤。通过创建db.json文件，启动服务并在PostMan中演示了各项功能。此外，文章还分享了一次前端开发面试中关于模拟接口的难忘经历，讲述了从使用纯JSON到学习PHP、node.js、mongoDB，最后发现json.server的便捷之处，以及在实践中应用PUT和DELETE等不常用请求方法的经验。
摘要由CSDN通过智能技术生成
一.json-server的使用(json文件可以轻松实现增删改查)

使用步骤:
1.装包

cnpm install -g json-server

它是全局安装,安装一次就好.

2.随便创建一个命名为db.json的文件,代码如:

{
   
    "hero":[
    {
   
        "name":"JACK",
        "skill":"跳海",
        "id"
最低0.47元/天 解锁文章
庚中
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【vue.js】vue中的Ajax——json-server
qq_52499703的博客
09-01 410
一个在前端本地运行，可以存储json数据的server，当后端api未搭建好，前端开发人员可以自行搭建server服务器。
vue学习总结
YangJianzuiniubi的博客
11-29 299
一，相关技术 1.NodeJs Node.js 的出现吸引了很多前端开发人员开始用 JavaScript 开发服务器代码，其异步编程风格也深受开发人员的喜爱。Node.js 的伟大不仅在于拓展了 JavaScript 在服务器端的无限可能，更重要的是它构建了一个庞大的生态系统 2.MVVM模式 M：Model，模型，包括数据和一些基本操作 V：View，视图，页面渲染结果 VM：Vi...
vue 学习总结(一)
done1898的博客
06-20 165
1.methods 和 computed 区别 答：相同：都可以对data里面的数据进行操作。区别：methods每次操作都会重新渲染，重新请求 。 computed 的改变在于其操作依赖是否改变，如果未改变，则继续调用上次缓存下来的内容。 好处：对于相应的数据量较大时，避免了重复请求。节约了开销 2.watch使用场景 答：来响应数据的变化。当需要在数据变化时执行异...
VUE学习总结
weixin_42282999的博客
02-27 156
1、简介 它是一个轻量级的MVVM框架 MVC与MVVM之间的区别： MVC是后端的分层概念； MVVM是前端视图层的概念，主要关注于视图分离，也就是说MVVM把前端的视图层，分为三个部分Model，View，VM ViewModel 核心思想：数据驱动+组件化的前端开发 DOM是数据的一种自然映射 数据响应原理：数据（model）改变驱动视图（view）自动更新 组件化的目的：扩展HTML元素，...
vue-jsonschema-form:vue2的JSON模式表单生成器
05-12
vue-jsonschema-form [WIP：未准备好] 基于JSON模式表单生成器 概述 该项目的目的是创建一个简单的Vue组件，该组件能够根据构建HTML表单，并且默认情况下使用语义。 入门 克隆此存储库，安装依赖项并使用dev命令...
vue3-json-schema-form:基于jsonschema的vue3表单生成器
05-23
vue3-json-schema-form a form generator based on jsonschema for vue3 Project setup npm install npm run serve npm run build npm run test:unit npm run lint API 设计 value={value} xss=removed locale={...
Vue-cli 使用json server在本地模拟请求数据的示例代码
10-19
var apiRouter = jsonServer.router('db.json'); var middlewares = jsonServer.defaults(); apiServer.use(middlewares); apiServer.use('/json', apiRouter); apiServer.listen(8081, function() { ...
vue-json-pretty：一个易于使用并且支持数据选择的JSON树视图组件
02-03
Vue组件，用于将JSON数据呈现为树结构。 现在，它至少支持Vue3。 如果你还在用Vue2，看到。 English | 产品特点 作为JSON格式化程序。 从JSON获取商品数据。... 用具有可预测的静态类型的...$ npm install vue-jso
vue-json-tree-view：Vue.js的JSON树视图组件
02-06
安装使用npm安装插件： npm install --save vue-json-tree-view 然后，在您的Application JavaScript中，添加： import TreeView from "vue-json-tree-view"Vue . use ( TreeView ) 做完了用法将tree-view元素放到...
Vue学习总结
weixin_34311757的博客
07-25 121
1.vue是什么 vue： 渐进式的js框架（先看到做核心的东西，然后再根据需求进行增加，比较灵活） 自底向下（先关注最基础的部分，接着逐渐扩大） 只关注视图层 组件化 响应式设计（响应式：一个网页，根据分辨率的不同，改变网页大小，例如bootstrap就是响应式的，适应式：多个不同的网页，根据分辨率的不同自动选择不同的页面） ...
vue3-数据模拟json -server
menghuannvxia的专栏
08-08 750
安装json-server插件，模拟数据
Vue项目中使用json-server实现前端数据模拟
weixin_39206102的博客
05-05 1020
1.安装插件 npm install json-server --save 2.在根目录下创建文件 db.json 写入数据 { "api": [ { "text": "数据统计", "link": "#", "hot": true }, { "text": "数据检测", "link": "#", "hot": true }, { "text": "流量分析", "li
vue3+vite+json-sever+前后数据分离案例-----axios
qq_65841721的博客
02-18 1025
vue3+vite+json-sever+前后数据分离案例-----axios
vue使用json-server 模拟数据
qq_45387575的博客
11-09 1599
在package.json文件中，scripts中配置一个mock，该端口号作为访问虚拟数据的端口号。该端口作为脚手架的端口号。
教程 json-server搭建及使用案例（如果后端接口来不及写，可以使用json-server来代替）
boxuestudio的博客
05-25 4716
执行npm install json-server –save安装json-server模块。–save就是将模块存储到package.json文件中。
vue和json-server实现端口对接
最新发布
m0_74924621的博客
12-01 131
第三部：在src文件夹下创建一个data.json文件，随便写点，这里是用json-server官网样例使用cnpm run mock开启下端口：然后ctrl+点击下第一条：说明json环境部署成功o(*￣▽￣*)ブ。
从零开始学习Vue - json-server 入门基础
兀坐晴窗独饮茶
02-06 861
1. json-server 入门基础 1.1 安装 json-server 参考文档 : json-server 详解 json-server官方文档 执行 npm install -g json-server 安装 json-server 注意: json-server 是严格遵守 restful 规范的 1.2 使用 json-server 创建 db.json 文件 { "user": [ { "id": 1, "title": "json-serv
Vue脚手架搭建及jsonServe搭建
qq_42109746的博客
05-15 525
一、Vue脚手架搭建 1.安装全局cli:(只需安装一次,后续搭建不用安装) npm install --global vue-cli 2. 创建Vue脚手架项目： vue create myproject 3.启动项目： npm run serve 二、 jsonserve搭建 1.安装jsonserver: npm install -g json-server...
"2023Vue面试题总结-组件通讯、数据函数及生命周期详解
2023年的vue面试题总结共有17页，主要涵盖了以下内容： 1、MVVM 与 MVC 最大的区别： - MVVM实现了View和Model的自动同步，当Model的属性改变时，该属性对应的View层显示会自动改变； - MVVM简化了业务与界面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值