久久精品国产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国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

    欧美一区日韩一区| 亚洲精品视频在线| 国内成+人亚洲+欧美+综合在线| 国产偷国产偷亚洲高清97cao| 国产视频观看一区| 亚洲欧洲一区| 亚洲在线电影| 久久综合激情| 欧美视频不卡中文| 国内精品视频一区| 9l视频自拍蝌蚪9l视频成人| 欧美一区不卡| 欧美精品激情在线观看| 国产精品一区一区三区| 永久免费精品影视网站| 中文国产成人精品久久一| 欧美在线看片a免费观看| 欧美国产日韩一二三区| 国产日韩精品久久| 亚洲日韩第九十九页| 午夜视频一区在线观看| 欧美成人激情在线| 国产日韩欧美在线观看| 亚洲精品久久久久久下一站| 新67194成人永久网站| 欧美日本中文| 在线成人免费视频| 亚洲欧美视频在线观看视频| 欧美精品99| 狠狠色综合播放一区二区| 亚洲一区免费观看| 欧美黄网免费在线观看| 精品成人在线视频| 欧美在线高清| 国产精品美女久久| 夜夜嗨av一区二区三区中文字幕| 久久久久国产精品麻豆ai换脸| 国产精品成人v| 亚洲人成高清| 欧美va亚洲va香蕉在线| 狠狠色伊人亚洲综合网站色| 亚洲欧美中文日韩v在线观看| 欧美激情综合亚洲一二区| 在线观看精品一区| 久久九九热免费视频| 国产欧美日韩亚洲精品| 亚洲女性喷水在线观看一区| 欧美少妇一区| 亚洲视频在线一区| 国产精品theporn| 91久久精品久久国产性色也91| 久久久噜噜噜久久| 韩国在线视频一区| 久久久久网址| 一区二区三区在线看| 欧美一级淫片aaaaaaa视频| 国产精品久久久久久亚洲调教| 一区二区三区蜜桃网| 欧美日韩一区二区在线观看| 一本久道久久综合狠狠爱| 欧美涩涩网站| 午夜精品美女自拍福到在线| 国产视频一区三区| 久久精品三级| 在线成人www免费观看视频| 免费成人高清| av不卡免费看| 国产精品久久久一区麻豆最新章节 | 怡红院精品视频在线观看极品| 久久久久综合网| 亚洲电影免费| 欧美日韩亚洲91| 亚洲欧美日韩一区二区三区在线| 国产女主播在线一区二区| 午夜宅男欧美| 在线电影一区| 欧美视频导航| 久久精品毛片| 亚洲精品小视频| 国产乱肥老妇国产一区二| 久久国产乱子精品免费女 | 欧美一区二区视频在线观看2020| 国产一区二区三区自拍| 欧美黑人在线观看| 羞羞视频在线观看欧美| 亚洲国产女人aaa毛片在线| 欧美高清视频一区二区三区在线观看| 亚洲乱码一区二区| 欧美日韩一卡二卡| 久久久久久噜噜噜久久久精品 | 久久疯狂做爰流白浆xx| 亚洲国产精品久久久久秋霞不卡| 欧美三级欧美一级| 久久亚洲精品一区| 亚洲一区二区欧美| 亚洲电影自拍| 国产一区在线播放| 欧美日韩一二三四五区| 久久免费少妇高潮久久精品99| 一本不卡影院| 在线欧美影院| 国产亚洲精品美女| 欧美日精品一区视频| 免费观看成人鲁鲁鲁鲁鲁视频| 亚洲欧美日韩另类精品一区二区三区| 一色屋精品视频在线观看网站| 国产精品白丝jk黑袜喷水| 欧美a一区二区| 久久久噜噜噜久久狠狠50岁| 亚洲视频免费看| 亚洲精品在线免费观看视频| 激情成人综合| 国产午夜精品视频| 国产精品你懂的在线欣赏| 欧美理论电影在线播放| 蜜桃精品一区二区三区| 久久精品国产久精国产一老狼| 亚洲午夜久久久久久久久电影院| 亚洲毛片播放| 99在线精品视频| 99精品视频免费观看| 最新成人在线| 日韩亚洲国产精品| 亚洲精品国产精品乱码不99按摩| 精品va天堂亚洲国产| 国外成人性视频| 一区二区三区在线免费播放| 国产一区二区精品丝袜| 国产日韩精品入口| 国产一区二区成人| 国产日韩精品入口| 国内精品伊人久久久久av影院| 国产亚洲欧美中文| 国内揄拍国内精品久久| 在线播放中文一区| 亚洲啪啪91| 99国产精品自拍| 亚洲视频一起| 久久电影一区| 久久久久久久高潮| 美女脱光内衣内裤视频久久影院 | 国产真实久久| 在线国产精品播放| 亚洲人久久久| 亚洲一区精彩视频| 欧美一级理论性理论a| 久久婷婷av| 欧美精品亚洲| 国产精自产拍久久久久久蜜| 国产一区二区剧情av在线| 经典三级久久| 夜色激情一区二区| 欧美亚洲综合网| 免费观看不卡av| 国产精品久久99| 狠狠色2019综合网| 亚洲美女黄色| 午夜免费久久久久| 欧美aⅴ一区二区三区视频| 欧美—级a级欧美特级ar全黄| 国产精品久久久久高潮| 国内一区二区三区| 一区二区三区精品在线| 久久精品国产99| 欧美日韩精品在线| 国产一区999| 亚洲最新视频在线| 久久国产精品一区二区| 欧美日韩中文字幕在线视频| 国产午夜精品麻豆| 亚洲美女网站| 久久精品国产免费观看| 欧美日韩精品免费看| 红桃av永久久久| 午夜精品久久久久久久99水蜜桃| 美日韩精品免费| 国产欧美一区二区精品性| 最新日韩在线| 久久激情视频免费观看| 欧美日韩人人澡狠狠躁视频| 红桃视频国产一区| 午夜亚洲视频| 国产精品成av人在线视午夜片| 国产一区在线视频| 亚洲黄色av一区| 欧美一区二区女人| 欧美日韩一卡| 最新日韩中文字幕| 久久三级视频| 国产日韩欧美在线视频观看| 一区二区三区四区五区精品| 免费不卡视频| 亚洲成人自拍视频| 久久久久久91香蕉国产| 国产视频在线观看一区| 亚洲男人影院| 国产精品国内视频| 亚洲四色影视在线观看| 欧美激情综合| 99精品欧美一区二区三区|