Vue 中的props

╰+哭是因爲堅強的太久メ 2021-07-25 17:01 397阅读 0赞

**如果props始终获取不到传过来的值，考虑是否props写多了一个！！！！！！**

<template>
      <div>
        {
       {propA_init}}-{
       {propA}}
      </div>
    </template>
    
    <script>
    export default {
        components: {},
      
        props: {
            //必须是数字类型
              propA:Number,
              //必须是字符串或数字类型
              propB:[String,Number],
              //布尔值,如果没有定义，默认值是true
              propC:{
                type:Boolean,
                default:true
              },
              //数字，而且是必传
              propD:{
                type:Number,
                required:true
              },
              //如果是数组，默认值必须是一个函数来返回
              propE:{
                type:Array,
                default:()=>[]
              },
              //如果是对象，默认值必须是一个函数来返回。也可用箭头函数
              propF:{
                type:Object,
                default:function(){
                    return {}
                }
              },
              //自定义一个验证函数
              propG:{
                  validator:function (value){
                    return value>10
                 }
              }
        }
      data() {
        return {
          propA_init:this.propA
        };
      },
      mounted() {
        console.log(this.propA_init)
        console.log(this.propA)
      },
      methods:{
        this.propA_init="asdf"
      }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，397人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue中prop的用法

prop的大小写 HTML 中的 `attribute` 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelC

骑猪看日落/ 2023年03月01日 09:04/ 0 赞/ 134 阅读

相关 Vue - Prop

推荐：[Vue汇总][Vue] Vue - Prop 如果你对组件不太了解，推荐你先阅读它：[Vue - Vue组件基础][Vue - Vue] Prop 的大小写

短命女/ 2022年12月20日 12:58/ 0 赞/ 165 阅读

相关 vue中 $emit，props的用法

vue中关于$emit，props的用法 1. 父组件使用 props 把数据传给子组件 2. 子组件使用 $emit 触发父组件的自定义事件子组件：chil

忘是亡心i/ 2022年12月10日 10:10/ 0 赞/ 184 阅读

相关 vue中props的使用

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例

曾经终败给现在/ 2022年09月10日 13:22/ 0 赞/ 171 阅读

相关 Vue中props选项用法详解

Vue中子组件不能直接引用父组件的数据，需要通过props选项接收来自父组件的数据。参考：[https://cn.vuejs.org/v2/api/\props][htt

一时失言乱红尘/ 2022年09月06日 10:14/ 0 赞/ 192 阅读

相关【Vue】—props属性

【Vue】—props属性 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

谁借莪１个温暖的怀抱￠/ 2022年09月03日 14:29/ 0 赞/ 197 阅读

相关 vue中props的默认写法

默认写法 props: { rowClick: { type: Function, default: fu

╰+哭是因爲堅強的太久メ/ 2022年04月25日 05:44/ 0 赞/ 204 阅读

相关 vue ts prop

a.vue 接收组件传过来的参数 ![1170749-20190528162814815-1883534361.png][] @Prop() private vie

Myth丶恋晨/ 2022年01月09日 12:25/ 0 赞/ 243 阅读

相关 Vue Prop

本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：[《Vue官方文档》][Vue]。相关学习笔

向右看齐/ 2021年08月19日 19:30/ 0 赞/ 361 阅读

相关 Vue 中的props

如果props始终获取不到传过来的值，考虑是否props写多了一个！！！！！！ <template> <div> { {pr

╰+哭是因爲堅強的太久メ/ 2021年07月25日 17:01/ 0 赞/ 398 阅读