久久精品国产99国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

VUE控制臺(tái)報(bào)錯(cuò):Uncaught TypeError: app.component is not a function

問(wèn)題描述

vue在根組件上添加 子組件時(shí),報(bào)錯(cuò)?Uncaught TypeError: app.component is not a function

問(wèn)題代碼

    <script src="https://unpkg.com/vue@next"></script>
    <div id="app">
        <h1>{{ msg }}</h1>
        <button @click="add">計(jì)數(shù)器:{{counte}}</button>
        <site-name></site-name>
    </div>
    <script>
        //父組件
        const appRoot = {
            data() {
                return {
                    msg: "個(gè)人基本信息",
                    counte: 1,
                }
            },
            methods: {
                add() {
                    this.counte += 1;
                }

            },
        }



        //子組件
        app.component('site-name', {
            props: {
                //年齡
                "age": {
                    type: Number,
                    required: true,
                    default: "18",
                }
            },

            template: `<h2>年齡:{{ age }}</h2>`,
        })
        app = Vue.createApp(appRoot);
        app.mount('#app');

    </script>
VUE控制臺(tái)報(bào)錯(cuò):Uncaught TypeError: app.component is not a function

問(wèn)題原因

1.沒(méi)有搞清楚vue應(yīng)用中組件的加載過(guò)程,添加子組件的順序錯(cuò)誤

解決方法

1.vue應(yīng)用組件加載順序

    a.調(diào)用vue.createApp方法添加根組件創(chuàng)建應(yīng)用
app=Vue.createApp(appRoot);
    b.在應(yīng)用中添加子組件
        //子組件
        app.component('site-name', {
            props: {
                //年齡
                "age": {
                    type: Number,
                    required: true,
                    default: "18",
                }
            },

            template: `<h2>年齡:{{ age }}</h2>`,
        })


c.將應(yīng)用掛載在html頁(yè)面中

app.mount("#app");


2.解決方法:重新修改代碼書寫次序

    <script src="https://unpkg.com/vue@next"></script>
    <div id="app">
        <h1>{{ msg }}</h1>
        <button @click="add">計(jì)數(shù)器:{{counte}}</button>
        <site-name></site-name>
    </div>
    <script>
        //父組件
        const appRoot = {
            data() {
                return {
                    msg: "個(gè)人基本信息",
                    counte: 1,
                }
            },
            methods: {
                add() {
                    this.counte += 1;
                }

            },
        }

        //我調(diào)整了這行代碼的順序
        app = Vue.createApp(appRoot);

        //子組件
        app.component('site-name', {
            props: {
                //年齡
                "age": {
                    type: Number,
                    required: true,
                    default: "18",
                }
            },

            template: `<h2>年齡:{{ age }}</h2>`,
        })

        app.mount('#app');

    </script>

瀏覽器渲染效果

{{ msg }}

參考文章

給TA贊賞
共{{data.count}}人
人已贊賞
??
Npcink上的部份代碼及教程來(lái)源于互聯(lián)網(wǎng),僅供網(wǎng)友學(xué)習(xí)交流,若您喜歡本文可附上原文鏈接隨意轉(zhuǎn)載。
無(wú)意侵害您的權(quán)益,請(qǐng)發(fā)送郵件至 1355471563#qq.com 或點(diǎn)擊右側(cè) 私信:Muze 反饋,我們將盡快處理。
?
購(gòu)物車
優(yōu)惠劵
搜索
久久精品国产99国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

    欧美福利视频| 欧美国内亚洲| 欧美不卡视频一区| 亚洲欧洲综合另类在线| 欧美日韩一区二区三区| 在线日韩视频| 欧美日韩不卡| 欧美一区二区久久久| 在线一区二区视频| 国产欧美一区二区三区沐欲| 久久综合伊人77777蜜臀| 99国产精品久久久久久久久久| 国产精品扒开腿做爽爽爽视频 | 亚洲精品永久免费精品| 欧美视频1区| 久久久噜噜噜久久久| 一本一本久久| 国内精品模特av私拍在线观看| 欧美高清视频免费观看| 午夜精品一区二区三区电影天堂| 狠狠色香婷婷久久亚洲精品| 欧美日韩免费高清| 久久天天狠狠| 亚洲免费在线视频| 亚洲人体一区| 精品成人久久| 国产精品视频男人的天堂| 亚洲天堂视频在线观看| 欧美mv日韩mv国产网站| 欧美一区二区三区在线观看视频| 亚洲人成免费| 亚洲欧美日韩国产综合精品二区| 亚洲国产99精品国自产| 欧美天堂亚洲电影院在线播放| 午夜视频一区| 亚洲素人一区二区| 久热精品视频在线观看| 午夜精品一区二区三区在线| 日韩小视频在线观看| 欧美亚洲免费电影| 最新高清无码专区| 国内外成人免费视频| 亚洲国产精品一区二区www| 国产一区二区三区四区老人| 国产精品外国| 羞羞色国产精品| 一本色道久久88亚洲综合88| 亚洲国产视频一区二区| 免费观看在线综合| 久久青草欧美一区二区三区| 欧美性做爰猛烈叫床潮| 欧美日本韩国在线| 99精品久久| 合欧美一区二区三区| 国产欧美一区二区视频| 欧美亚洲成人免费| 欧美成人一区在线| 欧美国产日本| 国产精品午夜av在线| 国产精品草莓在线免费观看| 欧美午夜在线| 老司机aⅴ在线精品导航| 亚洲综合欧美日韩| 亚洲人妖在线| 欧美极品在线播放| 欧美日韩成人免费| 国产精品劲爆视频| 欧美日韩三级视频| 欧美天天影院| 国产一区在线播放| 国产一区二区三区av电影| 国产一区二区精品久久91| 国内精品久久久久久久影视麻豆 | 国产精品久久久爽爽爽麻豆色哟哟| 亚洲永久免费精品| 一区二区三区www| 黄色综合网站| 嫩草国产精品入口| 欧美日韩日日骚| 免费人成网站在线观看欧美高清| 久久久欧美精品| 欧美福利专区| 一本色道久久99精品综合| 亚洲美女黄色片| 国产乱肥老妇国产一区二 | 欧美一区二区三区免费看| 日韩视频免费观看高清完整版| 狠狠色丁香婷婷综合久久片| 久久久人人人| 久久久久免费| 亚洲人成久久| 国产噜噜噜噜噜久久久久久久久 | 久久综合中文字幕| 欧美日韩在线亚洲一区蜜芽| 欧美.日韩.国产.一区.二区| 欧美.www| 久久综合伊人77777| 久久最新视频| 亚洲小视频在线| 国产欧美精品一区| 亚洲日产国产精品| 欧美精品一区二区三区在线播放| 欧美中在线观看| 亚洲大片av| 亚洲在线免费观看| 欧美特黄a级高清免费大片a级| 欧美色中文字幕| 亚洲欧美国产毛片在线| 亚洲激情在线视频| 亚洲国产精品高清久久久| 国外视频精品毛片| 欧美三级视频在线播放| 亚洲高清久久网| 亚洲第一二三四五区| 99国产一区| 久久aⅴ国产欧美74aaa| 久久疯狂做爰流白浆xx| 先锋影音网一区二区| 99av国产精品欲麻豆| 久久久久久久国产| 欧美日本精品一区二区三区| 国产精品不卡在线| 久久先锋影音av| 欧美日韩一二三区| 欧美日韩一卡| 亚洲欧美另类在线观看| 欧美精品久久一区二区| 欧美色综合天天久久综合精品| 亚洲第一综合天堂另类专| 亚洲欧美激情视频| 欧美理论电影在线播放| 日韩亚洲一区二区| 美女国产一区| 欧美精品国产精品| 亚洲午夜精品一区二区三区他趣 | 日韩午夜视频在线观看| 久久网站免费| 激情文学综合丁香| 亚洲一区二区成人在线观看| 欧美精品自拍| 91久久综合亚洲鲁鲁五月天| 久久国产精品99久久久久久老狼| 欧美精品18videos性欧美| 亚洲国产精品ⅴa在线观看 | 亚洲经典自拍| 老司机精品福利视频| 一色屋精品视频免费看| 欧美一区二区精美| 国产免费成人在线视频| 亚洲欧美日韩在线高清直播| 久久精品国产精品亚洲综合| 欧美视频二区36p| 亚洲网站视频福利| 国产精品久久国产精品99gif| 亚洲色图制服丝袜| 亚洲欧美日韩另类精品一区二区三区 | 一区二区三区av| 欧美日韩国产精品专区| 亚洲第一页中文字幕| 亚洲免费电影在线| 女同一区二区| 日韩一区二区电影网| 日韩亚洲在线| 国产日韩欧美成人| 久久久国产亚洲精品| 国产精品99免费看 | 亚洲精品乱码久久久久久按摩观| 一区二区三区www| 亚洲精品一二三区| 久久精品国产免费观看| 亚洲午夜免费福利视频| 欧美精品自拍偷拍动漫精品| 久久黄色级2电影| 亚洲大片一区二区三区| 久久国内精品视频| 亚洲肉体裸体xxxx137| 欧美日韩国产黄| 亚洲视频国产视频| 久久不射2019中文字幕| 狠狠色狠狠色综合系列| 久久综合九色综合久99| 久久频这里精品99香蕉| 欧美视频在线观看免费| 日韩视频免费观看| 国产精品色在线| 裸体女人亚洲精品一区| 99ri日韩精品视频| 国产综合色产在线精品| 欧美ab在线视频| 亚洲字幕一区二区| 国产精品久久福利| 欧美在线播放高清精品| 国产欧美一区二区白浆黑人| 久久九九热免费视频| 久久精品国产77777蜜臀| 久久精品国产一区二区三区免费看| 欧美日韩在线观看一区二区三区| 国产亚洲欧美激情| 欧美成人午夜影院| 国产最新精品精品你懂的|