vue js props验证

paraller 发布于2019-08-21 17:41 / 367人阅读

摘要：如果未指定验证要求，会发出警告。当组件给其他人使用时这很有用。当验证失败了，如果使用的是开发版本会抛出一条警告。

组件可以为 props 指定验证要求。如果未指定验证要求，Vue 会发出警告。当组件给其他人使用时这很有用。
prop 是一个对象而不是字符串数组时，它包含验证要求：

Vue.component("example", {
  props: {
    // 基础类型检测 （`null` 意思是任何类型都可以）
    propA: Number,
    // 多种类型
    propB: [String, Number],
    // 必传且是字符串
    propC: {
      type: String,
      required: true
    },
    // 数字，有默认值
    propD: {
      type: Number,
      default: 100
    },
    // 数组／对象的默认值应当由一个工厂函数返回
    propE: {
      type: Object,
      default: function () {
        return { message: "hello" }
      }
    },
    // 自定义验证函数
    propF: {
      validator: function (value) {
        return value > 10
      }
    }
  }
});

type可以是下面的原生构造器：

String

Number

Boolean

Function

Object

Array

type也可以是一个自定义构造器，使用instanceof检测。当prop验证失败了，如果使用的是开发版本会抛出一条警告。

云服务器私有云 Vue.js vue.js 属性 vue.js自学 cdn vue.js

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89870.html

vue.js学习笔记 - 组件（二）

摘要：当组件给其他人使用时这很有用，因为这些验证要求构成了组件的，确保其他人正确地使用组件。有特性的称为命名。例如，假定我们有一个组件，它的模板为父组件模板渲染结果为一、注册 // 定义 var MyComponent = Vue.extend({ template: A custom component! }); // 注册 Vue.component(my-component, ...

Betta 2019-08-19 17:57 评论0 收藏0
Vue.js 第九课组件

摘要：组件是最强大的功能之一。组件可以扩展元素，封装可重用的代码。验证组件可以为指定验证要求。以下实例中子组件已经和它外部完全解耦了。它所做的只是触发一个父组件关心的内部事件。实例如果你想在某个组件的根元素上监听一个原生事件。组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用...

church 2019-06-27 16:36 评论0 收藏0
封装Vue组件的一些技巧

摘要：根据组件单向数据流和和事件通信机制，需要由子组件通过事件通知父组件，并在父组件中修改原始的数据，完成状态的更新。本文同步在个人博客shymean.com上，欢迎关注写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹...

韩冰 2019-05-23 17:35 评论0 收藏0
Vue.js非常重要之组件

摘要：它们之间必然需要相互通信父组件要给子组件传递数据，子组件需要将它内部发生的事情告知给父组件。父组件通过向下传递数据给子组件，子组件通过给父组件发送消息。这是由使用的父组件决定的。 Vue.js的组件注册组件全局注册要注册一个全局组件，你可以使用 Vue.component(tagName, options)。例如： Vue.component(my-component, { ...

ysl_unh 2019-08-21 16:16 评论0 收藏0
Vue初步了解组件——父子组件

摘要：父组件的数据需要通过才能下发到子组件中。这是为了防止子组件无意间修改了父组件的状态，来避免应用的数据流变得难以理解。另外，每次父组件更新时，子组件的所有都会更新为最新值。组件什么是组件？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况...

Bowman_han 2019-08-01 17:59 评论0 收藏0