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 提供了简单的验证 ...

随机推荐

ES6对数组的扩展
ECMAScript6对数组进行了扩展,为数组Array构造函数添加了from().of()等静态方法,也为数组实例添加了find().findIndex()等方法.下面一起来看一下这些方法的用法. ...
Android 中调用本地命令
Android 中调用本地命令通常来说,在 Android 中调用本地的命令的话,一般有以下 3 种情况: 调用下也就得了,不管输出的信息,比如:echo Hello World.通常来说,这种命令 ...
Java中的抽象类abstract
abstract定义抽象类 abstract定义抽象方法,只需要声明,不需要实现包含抽象方法的类是抽象类抽象类中可以包含抽象方法,也可以包含普通方法抽象类不能直接创建,可以定义父类引用变量指向子 ...
第二章：Internet地址结构
引言本章主要介绍了: 如何为Internet中的设备分配IP地址. 有助于理由可扩展性的地址结构分配方式. 特殊用途的地址. 表示IP地址 IPv4地址长32位,采用点分四组或点分十进制来表示. ...
lintcode-202-线段树的查询
202-线段树的查询对于一个有n个数的整数数组,在对应的线段树中, 根节点所代表的区间为0-n-1, 每个节点有一个额外的属性max,值为该节点所代表的数组区间start到end内的最大值. 为Se ...
Linux安装weblogic
一.软件安装 1. 安装前的准备工作 1.1 首先请确认您要安装的WebLogic版本所在的平台已通过了BEA的认证,完整的认证平台列表请参考 http://e-docs.bea.com/wls/ce ...
[转帖]IBM收购Red Hat
来源cnbeta:https://www.cnbeta.com/articles/tech/782009.htm 2018年10月28 日,IBM 宣布收购 Linux 巨头 Red Hat.公告中称 ...
小程序 switch按钮
<view class='pay-switch'> <switch color='#1F3238' data-gongprice='{{gongprice}}' data-disco ...
C 语言疑难杂症 [转：http://blog.chinaunix.net/uid-20688544-id-1894880.html]
无聊在网上找了些C语言的东东练一下手,竟然发现其实还有好多细节之前,没注意到,该好好复习一下先. 解决掉的问题先不发出来,把疑问的先做个笔记,过几天解决了就回来修改补上. #include < ...
Deepin系统又损坏了！
1.首先,去Deepin官方下载镜像(记得MD5检验一下).2.提取ISO里的安装程序到桌面,执行之&写入.(提醒:勾选下面的支持BIOS启动的选项,自测深度的UEFI很不稳定,建议不使用UE ...

vue props验证

vue props验证的更多相关文章

随机推荐

热门专题