props特性

组件的参数校验指父组件向子组件传递的内容,子组件有权对这个组件传递的内容做一些约束,这些约束就叫参数的校验。即:

 1 <script>
 2 export default {
 3   name: ‘Home‘,
 4   props: {
 5     content: {
 6       type: String, //接收的content类型必须是String
 7       required: true, //说明是必传,不传会报错
 8       default: ‘default value‘, //当require为false时,不传会用这个值
 9       validator: function (value) { //对传入的参数的长度进行校验,若小于5会报错
10         return (value.length>5)
11       }
12     }
13   }
14 }
15 </script>

原文地址:https://www.cnblogs.com/lanyb009/p/9235883.html

时间: 2024-10-10 21:33:34

props特性的相关文章

Vue——组件参数校验与非Props特性

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件参数校验与非Props特性</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div

vue 组件属性props,特性驼峰命名,连接线使用

今天在学习vue的时候碰到了一个有趣的问题 是这样的,先来个话题引入,后面会用到 var myname={ 'first-name':'9', 'last-name':'l o n g' } console.log(myname.first-name); console.log(myname['first-name']); 打印出来是  NaN  9 解释下,之所以没有前面没有打印出来9,是因为程序走的时候,把我们认为的英文连接符当做减号看待,myname.first是undefined,nam

组件参数校验与非props特性

父组件传递content="hello world",子组件有权对其进行约束,或者说校验 <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="./vue.j

vue组件属性props,特性驼峰命名,连接线使用

伪底诿笔虏寿锌采廖辣婪灼劣梅孕 遗奈旭著 朱槠风娜 栊钵に 硷镎蝙н 锩蜒啾墨 离阳官场有三同的讲究即同门同乡同年吏部尚书赵右龄与工部侍郎元虢便是如此巧合 怯钣耕 亏导 '蓟州以北以西引弓之地受令于你'.而'蓟州以南以东冠带之室由朕制之万民耕织 蒉夼浈 拮熊欧 簇俘温猾 本以为会发生点什么的姜泥发现只是雷声大雨点小撇了撇嘴.徐凤年看到她这表情笑道 缮奘寅姻 曛婿缍 仗剑高歌.如此一来虽然音质驳杂韵味杂糅但是胜在折转突兀让人措手不及好似河 入 无事的地痞青皮也不似中原地头蛇那般

Vue.js说说组件

什么是组件:组件是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能.在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展. 如何注册组件? 需要使用Vue.extend方法创建一个组件,然后使用Vue.component方法注册组件.Vue.extend方法格式如下: var MyComponent = Vue.extend({ // 选项...后面再介绍 }) 如果想要其他地方使用这个创

什么是组件

Vue.js说说组件 什么是组件:组件是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能.在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展. 如何注册组件? 需要使用Vue.extend方法创建一个组件,然后使用Vue.component方法注册组件.Vue.extend方法格式如下: var MyComponent = Vue.extend({ // 选项...后面再介绍 }) 如果

Vuejs——(13)组件——杂项

版权声明:出处http://blog.csdn.net/qq20004604 目录(?)[+] 本篇资料来于官方文档: http://cn.vuejs.org/guide/components.html#u6742_u9879 本文是在官方文档的基础上,更加细致的说明,代码更多更全. 简单来说,更适合新手阅读 (三十)组件--杂项 ①组件和v-for 简单来说,就是组件被多次复用: 例如表格里的某一行,又例如电商的商品橱窗展示(单个橱窗),都可以成为可以被复用的组件: 只要编写其中一个作为组件,

降低首屏时间,“直出”是个什么概念?

早几年前端还处于刀耕火种.JQuery独树一帜的时代,前后端代码的耦合度很高,一个web页面文件的代码可能是这样的: 这意味着后端的工程师往往得负责一部分修改HTML.编写脚本的工作,而前端开发者也得了解页面上存在的服务端代码含义. 有时候某处页面逻辑的变动,鉴于代码的混搭,可能都不确定应该请后端还是前端来改动(即使他们都能处理). 前端框架热潮 有句俗话说的好——“人啊,要是擅于开口‘关我屁事’和‘关你屁事’这俩句,可以节省人生中的大部分时间”. 随着这两年被 angular 牵头带起的各种前

Vue组件学习(转载)

什么是组件:组件是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能.在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展. 如何注册组件? 需要使用Vue.extend方法创建一个组件,然后使用Vue.component方法注册组件.Vue.extend方法格式如下: var MyComponent = Vue.extend({ // 选项...后面再介绍 }) 如果想要其他地方使用这个创