感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.js"></script>
<div id="app">
<example
:propa="'asda'"
:propb = "'aasasa'"
:propc="'sdf'"
:prope="{a:'a'}"
:propf="100"
></example>
</div>
xxxxxxxxxx
Vue.component('example', {
props: {
// 基础类型检测 (`null` 意思是任何类型都可以)
propa: Number,
// 多种类型
propb: [String, Number],
// 必传且是字符串
propc: {
type: String,
required: true
},
// 数字,有默认值
propd: {
type: Number,
default: 1000
// 数组/对象的默认值应当由一个工厂函数返回
prope: {
type: Object,
default: function () {
return { message: 'hello' }
}
// 自定义验证函数
propf: {
validator: function (value) {
// 这个值必须匹配下列字符串中的一个
return value>0? -1:1
defalut:12
template: `
<table border="1px">
<tr>
<th>propA</th>
<th>propB</th>
<th>propC</th>
<th>propD</th>
<th>propE</th>
<th>propF</th>
</tr>
<td>{{ propa }}</td>
<td>{{ propb }}</td>
<td>{{ propc }}</td>
<td>{{ propd }}</td>
<td>{{ prope }}</td>
<td>{{ propf }}</td>
</table>`
})
new Vue({
el: "#app"
});
输入 CSS 代码……