Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CSDN 技术社区
skill_tree_vue
提交
0aaff8a7
S
skill_tree_vue
项目概览
CSDN 技术社区
/
skill_tree_vue
通知
5
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
S
skill_tree_vue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
0aaff8a7
编写于
5月 09, 2022
作者:
Z
zhaoss
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2.7.3小节习题、关键字添加
上级
1ba74e0c
变更
4
显示空白变更内容
内联
并排
Showing
4 changed file
with
85 addition
and
43 deletion
+85
-43
data/2.Vue中阶/7.Mock/2.Mock语法规范/exercises.md
data/2.Vue中阶/7.Mock/2.Mock语法规范/exercises.md
+0
-41
data/2.Vue中阶/7.Mock/3.Mock数据占位符/config.json
data/2.Vue中阶/7.Mock/3.Mock数据占位符/config.json
+8
-2
data/2.Vue中阶/7.Mock/3.Mock数据占位符/exercises.json
data/2.Vue中阶/7.Mock/3.Mock数据占位符/exercises.json
+8
-0
data/2.Vue中阶/7.Mock/3.Mock数据占位符/exercises.md
data/2.Vue中阶/7.Mock/3.Mock数据占位符/exercises.md
+69
-0
未找到文件。
data/2.Vue中阶/7.Mock/2.Mock语法规范/exercises.md
浏览文件 @
0aaff8a7
...
...
@@ -31,47 +31,6 @@ Mock.js 的语法规范包括两部分:
属性值 还指定了最终值的初始值和类型。
2.
数据占位符定义规范(Data Placeholder Definition,DPD)
占位符 只是在属性值字符串中占个位置,并不出现在最终的属性值中。
占位符 的格式为:
```php
@占位符
@占位符(参数 [, 参数])
```
> 注意:
用 @ 来标识其后的字符串是 占位符。
占位符 引用的是 Mock.Random 中的方法。
通过 Mock.Random.extend() 来扩展自定义占位符。
占位符 也可以引用 数据模板 中的属性。
占位符 会优先引用 数据模板 中的属性。
占位符 支持 相对路径 和 绝对路径。
```php
Mock.mock({
name: {
first: '@FIRST',
middle: '@FIRST',
last: '@LAST',
full: '@first @middle @last'
}
})
// =>
{
"name": {
"first": "Charles",
"middle": "Brenda",
"last": "Lopez",
"full": "Charles Brenda Lopez"
}
}
```
上面这些呢只是简单的介绍了一下mock的规范,但其实他是有很多法则的我们可以到官方来去看看,掌握这些法则后我们能够模拟的数据就会更加真实更加繁琐的数据都可以轻松生成!
[
https://github.com/nuysoft/Mock/wiki/Syntax-Specification
](
https://github.com/nuysoft/Mock/wiki/Syntax-Specification
)
...
...
data/2.Vue中阶/7.Mock/3.Mock数据占位符/config.json
浏览文件 @
0aaff8a7
{
"node_id"
:
"vue-e39a5fbfbde6413c894ae9bd006511d4"
,
"keywords"
:
[],
"keywords"
:
[
"Mock.js 数据占位符"
,
"数据占位符"
],
"children"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_must"
:
[
"Mock.js"
],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/7.Mock/3.Mock数据占位符/exercises.json
0 → 100644
浏览文件 @
0aaff8a7
{
"type"
:
"code_options"
,
"author"
:
null
,
"source"
:
"exercises.md"
,
"notebook_enable"
:
false
,
"exercise_id"
:
"d38182f970e04082813925c8c8c3e4fc"
}
\ No newline at end of file
data/2.Vue中阶/7.Mock/3.Mock数据占位符/exercises.md
0 → 100644
浏览文件 @
0aaff8a7
# Mock.js 数据占位符
<div
style=
"color: pink;font-size:22px;font-weight:700"
>
小常识:
</div>
<br>
占位符 只是在属性值字符串中占个位置,并不出现在最终的属性值中。
占位符 的格式为:
```
php
@
占位符
@
占位符
(
参数
[,
参数
])
```
> 注意:
用 @ 来标识其后的字符串是 占位符。
占位符 引用的是 Mock.Random 中的方法。
通过 Mock.Random.extend() 来扩展自定义占位符。
占位符 也可以引用 数据模板 中的属性。
占位符 会优先引用 数据模板 中的属性。
占位符 支持 相对路径 和 绝对路径。
```
php
Mock
.
mock
({
name
:
{
first
:
'@FIRST'
,
middle
:
'@FIRST'
,
last
:
'@LAST'
,
full
:
'@first @middle @last'
}
})
// =>
{
"name"
:
{
"first"
:
"Charles"
,
"middle"
:
"Brenda"
,
"last"
:
"Lopez"
,
"full"
:
"Charles Brenda Lopez"
}
}
```
<br>
<div
style=
"color: #8E7CC3;font-size:22px;font-weight:700"
>
小测试:
</div>
根据上方小常识完成填空:占位符引用的是
`(__1__)`
中的方法。
通过
`(__2__ )`
来扩展自定义占位符。
<br/><br/>
## 答案
1、Mock.Random;2、Mock.Random.extend()
## 选项
### A
1、Mock.Random;2、Mock.Random.stop()
### B
1、Mock.read;2、Mock.Random.stop()
### C
1、Mock.read;2、Mock.Random.extend()
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录