vue props验证

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

    <script type="text/javascript" src="js/vue.js"></script>

</head>

<body>

<div id="app1">

    <p>{{message}}</p>

    <!-- v-on 可以缩写成 @-->

    <!-- v-bind:  可以缩写成 :-->

    <first-com mss1="hello world!" :mss2="forComParam"></first-com>

</div>

</body>

<script type="text/javascript">

    Vue.component('first-com', {

        props: {

            mss1:String,

            mss2:{

                type:Number,

                required:true

            }

        },

        template: "<div>{{mss1}}{{mss2}}</div>",

    })

    var v1 = new Vue({

        el: "#app1",

        data: {

            message: "第一个作用域",

            forComParam: 123

        }

    })

</script>

</html>

vue props验证的更多相关文章

vue 组件开发 props 验证
使用props 在Vue中父组件向子组件中传送数据是通过props实现的,一个简单的使用props的例子: <!DOCTYPE html> <html> <head> ...
Vue笔记之props验证
使用props 在Vue中父组件向子组件中传送数据是通过props实现的,一个简单的使用props的例子: <!DOCTYPE html> <html> <head> ...
vue props 下有验证器 validator 验证数据返回true false后，false给default值
vue props 下有验证器 validator 验证数据返回true false后,false给default值 props: { type: { validator (value) { retu ...
vue第八单元(组件通信子父，父子组件通信自定义事件事件修饰符 v-model props验证 )
第八单元(组件通信子父,父子组件通信自定义事件事件修饰符 v-model props验证 ) #课程目标掌握使用props让父组件给子组件传参(重点) 掌握props属性的使用以及prop验证 ...
vue props 用法（转载）
前面的话组件接受的选项大部分与Vue实例一样,而选项props是组件中非常重要的一个选项.在 Vue 中,父子组件的关系可以总结为 props down, events up.父组件通过 props ...
Vue props用法详解
Vue props用法详解组件接受的选项之一 props 是 Vue 中非常重要的一个选项.父子组件的关系可以总结为: props down, events up 父组件通过 props 向下传递数 ...
react Props 验证 propTypes，
<body><div id="example"></div> <!- ...
vue——props的两种常用方法
vue--props的两种常用方法 1.实现父-->子的通信举例如下: 父组件 parent.vue <children :channel="object1"> ...
React 学习(二) ---- props验证与默认属性
在上一节中, 我们提到了props, 组件之间数据的传递使用props. 我们调用组件时可以设置props, 组件内部通过props获取. 为了props 使用更加友好, React 提供了简单的验证 ...

随机推荐

mysql 转换13位数字毫秒时间
MySQL毫秒值和日期转换,MYSQL内置函数FROM_UNIXTIME: select FROM_UNIXTIME(t.createDate/1000,'%Y-%m-%d %h:%i:%s') as ...
CSS Grid布局指南
简介 CSS Grid布局 (又名"网格"),是一个基于二维网格布局的系统,主要目的是改变我们基于网格设计的用户接口方式.如我们所知,CSS 总是用于网页的样式设置,但它并没有起到 ...
POJ 3258（二分求最大化最小值）
题目链接:http://poj.org/problem?id=3258 题目大意是求删除哪M块石头之后似的石头之间的最短距离最大. 这道题目感觉大致代码写起来不算困难,难点在于边界处理上.我思考边界思 ...
奇异值分解(SVD)原理详解及推导（转载）
转载请声明出处http://blog.csdn.net/zhongkejingwang/article/details/43053513 在网上看到有很多文章介绍SVD的,讲的也都不错,但是感觉还是有 ...
html5兼容
You can download the latest version of HTML5shiv from github or reference the CDN version at https:/ ...
更新user的方法
from django.contrib.auth.admin import UserAdmin from django.contrib.auth.forms import UserChangeForm ...
HDU4497——GCD and LCM
这个题目挺不错的,看到是通化邀请赛的题目,是一个很综合的数论题目. 是这样的,给你三个数的GCD和LCM,现在要你求出这三个数有多少种可能的情况. 对于是否存在这个问题,直接看 LCM%GCD是否为0 ...
MachineLearning ---- lesson 2 Linear Regression with One Variable
Linear Regression with One Variable model Representation 以上篇博文中的房价预测为例,从图中依次来看,m表示训练集的大小,此处即房价样本数量:x ...
只要实现了annotation这个接口就是注解同理:只要实现了某个接口就是该类型的实现类
只要实现了annotation这个接口就是注解同理:只要实现了某个接口就是该类型的实现类
【uoj#180】[UR #12]实验室外的攻防战结论题+树状数组
题目描述给出两个长度为 $n$ 的排列 $A$ 和 $B$ ,如果 $A_i>A_{i+1}$ 则可以交换 $A_i$ 和 $A_{i+1}$ .问是否能将 $A$ 交换成 $B$ . 输入 ...

vue props验证

vue props验证的更多相关文章

随机推荐

热门专题