摘要：
从示例 1 的“猜你喜欢接口”中会发现，返回值 data 里面的数据值写法有些奇怪，这种写法就是 Mock.js 的语法。下面来介绍 Mock.js。 Mock.js 是一个模拟数据生成器，可以使前端独立于后端开发。如果正在开发一个前端页面，但是后台还没有完成供前端页面调用的 API，并且数据格式已 阅读全文
posted @ 2022-06-18 20:56
黄子涵
阅读(142)
评论(0)
推荐(0)
摘要：
mock 文件支持两种请求： get/api/xxx post/api/<id>/123 <id＞代表链接路由表达式，如／api/:id/123，id 值会发生改变。具体的文件结构如下所示。 mock |--get |--api_xxx.js post |--api_@id_xxx.js 以大觅项目 阅读全文
posted @ 2022-06-18 20:51
黄子涵
阅读(142)
评论(0)
推荐(0)
摘要：
在引入 Mock.js 工具模拟数据接口之前，必须先介绍一个应用广泛的前端工具—— connect-mock-middleware，connect-mock-middleware 是一个非常方便、实用的 mock 模拟工具。它具有哪些特点呢？ 支持 mockJs 语法 支持 json、jsonp 修 阅读全文
posted @ 2022-06-18 17:07
黄子涵
阅读(155)
评论(0)
推荐(0)
摘要：
任务 1 Vuejs 是什么 4.1.1 MVVM 模式 4.1.2 Vue.js 的开发模式 4.1.3 单文件组件 任务2 Vue 实例与数据绑定 4.2.1 实例与数据 4.2.2 插值表达式 4.2.3 生命周期 任务 3 class 与 style 绑定 4.3.1 了解 v-bind 指 阅读全文
posted @ 2022-06-18 16:10
黄子涵
阅读(16)
评论(0)
推荐(0)
摘要：
使用 v-bind:style（即 😒tyle）可以给元素绑定内联样式，方法与 :class 类似。也存在对象语法和数组语法，看起来很像在元素上直接写 css。 在 components 文件夹下新建 BindStyle.vue 组件，写入如示例 11 所示代码，并在路由 index.js 中进行 阅读全文
posted @ 2022-06-18 16:03
黄子涵
阅读(48)
评论(0)
推荐(0)
摘要：
1. 对象语法 给 v-bind:class 设置一个对象，可以动态地切换 class，在 Directive.vue 组件中完成如示例 7 所示代码。 示例 7 <template> <div> <a v-bind:href="url">链接</a> <!-- v-bind 可以省略，缩写为 -- 阅读全文
posted @ 2022-06-18 11:51
黄子涵
阅读(47)
评论(0)
推荐(0)
摘要：
指令（Directive）是特殊的带有“v-”前缀的命令，其作用是当表达式的值改变时，将某些行为应用到 DOM 上。举一个简单的例子，单击某一个按钮，会显示 div，再次单击 div 隐藏，这里就可以通过设置属性的真假，将指令作用到 div 上来控制显示或隐藏。 为什么要使用指令呢？最重要的原因是使 阅读全文
posted @ 2022-06-18 09:20
黄子涵
阅读(124)
评论(0)
推荐(0)
浙公网安备 33010602011771号