Mock.js語(yǔ)法規(guī)范包括兩部分:數(shù)據(jù)模板定義規(guī)范和數(shù)據(jù)占位符定義規(guī)范宵荒。
1.數(shù)據(jù)模板定義規(guī)范:
數(shù)據(jù)模板中的每個(gè)屬性由3部分構(gòu)成:屬性名、生成規(guī)則、屬性值:
注意事項(xiàng):
● 屬性名和生成規(guī)則間要用|隔開(kāi)
● 生成規(guī)則不是固定的,是可選的
● 生成規(guī)則的格式有:
?1:'name|min-max': value
?2:'name|count': value
?3:'name|min-max.dmin-dmax': value
?4:'name|min-max.dcount': value
?5:'name|count.dmin-dmax': value
?6:'name|count.dcount': value
?7:'name|+step': value
生成規(guī)則和示例請(qǐng)到:https://github.com/nuysoft/Mock/wiki/Syntax-Specification#1
2.數(shù)據(jù)占位符定義規(guī)范:
占位符只是在屬性值字符串中占個(gè)位置簿煌。并不出現(xiàn)在最終的屬性值中。
占位符格式:@占位符鉴吹、@占位符(參數(shù),[,參數(shù)])
注意事項(xiàng):
1.用?@?來(lái)標(biāo)識(shí)其后的字符串是?占位符啦吧。
2.占位符?引用的是?Mock.Random?中的方法。
3.通過(guò)?Mock.Random.extend()?來(lái)擴(kuò)展自定義占位符拙寡。
4.占位符?也可以引用?數(shù)據(jù)模板?中的屬性授滓。
5.占位符?會(huì)優(yōu)先引用?數(shù)據(jù)模板?中的屬性。
6.占位符?支持?相對(duì)路徑?和?絕對(duì)路徑肆糕。
數(shù)據(jù)模板定義和占位符定義的示例請(qǐng)轉(zhuǎn)到:http://mockjs.com/examples.html
Vue項(xiàng)目的引用:
NPM 安裝:npm install mockjs
在目錄里新建一個(gè)js文件
在mock.js里面引入mock:
調(diào)用mock并導(dǎo)出:
vue頁(yè)面里面引用:
把data賦予給頁(yè)面定義好的data: