国内精品久久久久影院一蜜桃 ,亚洲va国产va天堂va久久,天堂在线www天堂在线最新版

首頁 > 博客列表 > Vue自學(xué)：props屬性的小駝峰寫法為什么不被支持

博主信息

博文 250

粉絲 3

評論 0

訪問量 381458

專題推薦

更多>

相關(guān)推薦

熱門教程

更多>

相關(guān)教程

最新下載

更多>

網(wǎng)站特效

網(wǎng)站源碼

網(wǎng)站素材

前端模板

Vue自學(xué)：props屬性的小駝峰寫法為什么不被支持

梁凱達(dá)的博客

原創(chuàng)

2311人瀏覽過

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
    <title>Vue自學(xué)：props屬性的小駝峰寫法為什么不被支持</title>
</head>
<body>
    <div id="app">
        {{message}}
        <!-- 當(dāng)props里面的屬性名稱使用了小駝峰標(biāo)識的時候，v-bind:中的屬性要在駝峰標(biāo)識的大寫字母前使用-，并且全部小寫 -->
        <!-- 否則HTML標(biāo)簽不支持小駝峰標(biāo)識，會導(dǎo)致內(nèi)容無法展示 -->
        <!-- 正確使用:v-bind:c-info:"info" -->
        <!-- 這里的屬性值為該數(shù)組或?qū)ο蟮拿Q -->
        <cpn v-bind:c-info="info"></cpn>
    </div>
</body>
<template id="cpn">
    <div>
        <!-- 傳遞過來的值也養(yǎng)要個props里面的值一樣，要大寫 -->
        <h3>{{cInfo}}</h3>
    </div>
</template>
<script type="text/javascript">
    //定義一個局部組件的常量
    const cpn = {
        // 綁定的是template標(biāo)簽中的id值
        template:'#cpn',
        data(){
        },
        props:{
            //當(dāng)組件的傳遞值為小駝峰標(biāo)識時
            //1、要么屬性的全部都要對應(yīng)大寫
            //2、要么綁定屬性的該大寫字母前面要加-
            // cInfo是另外取的屬性名稱
            cInfo:{
                type:Object,
                default(){
                    return []
                }
            }
        }
    }
    const app = new Vue({
        el:'#app',
        data:{
            message:'tesh this message',
            info:{
                name:'梁凱達(dá)',
                age:'27',
                height:'178cm',
            }
        },
        methods:{
        },
        computed:{
        },
        components:{
            cpn,
        }
    })
</script>
</html>

本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報處理！

全部評論文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議

0條評論

作者最新博文

2018/3/15（文本元素）

2018-03-25 22:26:52

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱