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

    好吊视频一区二区三区四区 | 欧美精品三级日韩久久| 国产一区二区精品久久| 欧美成在线视频| 欧美一区午夜精品| 亚洲毛片视频| 国产一区香蕉久久| 欧美日韩少妇| 欧美成人精品在线| 欧美中文字幕视频| 亚洲专区欧美专区| 一区二区三区高清| 亚洲美女视频在线观看| 在线不卡视频| 欧美夜福利tv在线| 亚洲免费网站| 亚洲国产欧美另类丝袜| 国产一区二区三区高清在线观看 | 一区二区不卡在线视频 午夜欧美不卡在 | 久久久www免费人成黑人精品 | 国产精品视频大全| 欧美日韩三级| 欧美日韩国产综合视频在线| 久久麻豆一区二区| 久久久国产亚洲精品| 欧美一区二区三区精品电影| 午夜国产精品影院在线观看| 亚洲午夜一区二区三区| 亚洲午夜精品一区二区| 亚洲欧美日韩成人| 欧美在线综合| 久久男女视频| 欧美福利精品| 欧美日韩p片| 欧美日韩一视频区二区| 欧美亚一区二区| 国产麻豆一精品一av一免费| 国产手机视频精品| 一区二区视频免费在线观看| 亚洲国产精品嫩草影院| 亚洲伦理网站| 黄色欧美日韩| 亚洲黄色视屏| 亚洲综合精品一区二区| 亚洲视频综合| 欧美一区二区三区四区在线观看| 久久精品91久久香蕉加勒比 | 国产一区二区在线观看免费播放| 国产一区二区三区免费在线观看| 在线免费观看欧美| 日韩一级在线观看| 欧美在线视频一区二区三区| 久久一区二区三区超碰国产精品| 欧美激情一区二区久久久| 国产精品色婷婷久久58| 亚洲成人自拍视频| 亚洲主播在线播放| 麻豆成人精品| 国产精品男女猛烈高潮激情| 亚洲高清视频在线观看| 中文一区二区| 欧美r片在线| 国产嫩草一区二区三区在线观看 | 亚洲精品人人| 久久精品国产一区二区三区免费看| 欧美承认网站| 在线电影一区| 国产午夜精品在线| 亚洲视频视频在线| 久久精品视频导航| 欧美四级在线观看| 在线成人中文字幕| 亚洲综合欧美| 欧美日韩综合精品| 亚洲国产精品电影在线观看| 性久久久久久| 欧美四级电影网站| 亚洲精品一区二| 久久久久久高潮国产精品视| 国产精品黄页免费高清在线观看| 亚洲第一搞黄网站| 久久久九九九九| 国产精品色在线| 99re亚洲国产精品| 欧美激情免费在线| 亚洲国产老妈| 亚洲毛片一区二区| 久久激情中文| 国产精品一区二区在线观看网站 | 久久大香伊蕉在人线观看热2| 欧美日韩在线视频观看| 亚洲精品资源美女情侣酒店| 美日韩精品免费观看视频| 国产一区白浆| 久久九九精品| 好看的日韩视频| 久久精品国产69国产精品亚洲| 国产精品不卡在线| 亚洲一区三区电影在线观看| 欧美午夜片欧美片在线观看| 99视频在线精品国自产拍免费观看| 免费日韩成人| 一区二区欧美激情| 欧美日韩专区| 亚洲日本va午夜在线影院| 欧美国产一区二区| 亚洲精品综合久久中文字幕| 欧美日韩一区二区三区在线观看免| 日韩午夜电影| 国产精品亚洲网站| 久久久精品动漫| 亚洲国产精品女人久久久| 欧美成人精品激情在线观看 | 欧美国产高清| 亚洲视频一区二区在线观看| 国产伦精品一区二区三区免费| 欧美在线日韩精品| 亚洲国产精品久久久久秋霞影院| 欧美日韩999| 欧美一区二区三区婷婷月色| 亚洲国产高清在线| 欧美日韩亚洲激情| 久久久久国产精品一区二区| 亚洲精品国产品国语在线app| 欧美午夜一区二区福利视频| 久久夜色撩人精品| 一本大道久久a久久精二百| 国产麻豆91精品| 麻豆精品在线视频| 亚洲一区二区三区高清 | 美女成人午夜| 亚洲欧美电影院| 樱花yy私人影院亚洲| 欧美日韩一区二区欧美激情| 久久理论片午夜琪琪电影网| 一本色道久久88综合亚洲精品ⅰ| 国产亚洲高清视频| 欧美日韩国产va另类| 久久精品欧美日韩精品| 一区二区三区国产盗摄| 精品999久久久| 国产精品久久久久一区二区三区| 久久这里有精品视频| 亚洲午夜一级| 亚洲精品中文字幕女同| 国产综合香蕉五月婷在线| 欧美午夜久久| 欧美激情在线狂野欧美精品| 久久精品免费看| 亚洲欧美另类综合偷拍| 日韩视频在线观看免费| 在线免费一区三区| 国产最新精品精品你懂的| 国产精品美女www爽爽爽| 欧美黄在线观看| 牛人盗摄一区二区三区视频| 久久国产一区二区| 欧美一区二区在线看| 亚洲在线免费视频| 亚洲在线观看免费视频| 亚洲人成亚洲人成在线观看图片| 欧美日韩日韩| 欧美三级电影大全| 欧美日韩亚洲91| 欧美日韩国产在线看| 欧美激情成人在线| 欧美伦理91| 欧美日韩高清在线| 欧美婷婷久久| 国产精品青草综合久久久久99| 国产精品久久久久久久久动漫| 欧美午夜不卡视频| 国产精品久久久久久妇女6080| 欧美午夜美女看片| 国产啪精品视频| 国产在线不卡精品| 在线成人激情视频| 99国产精品私拍| 亚洲午夜未删减在线观看| 亚洲综合大片69999| 午夜精品短视频| 久久久综合免费视频| 欧美福利视频一区| 国产精品久久久久久户外露出| 国产精品日韩欧美一区| 国产专区综合网| 亚洲激情一区二区| 中文精品视频| 久久久久国色av免费观看性色| 欧美激情在线播放| 国产精品老女人精品视频| 国内外成人免费激情在线视频| 亚洲国产天堂久久综合| 中国av一区| 久久免费午夜影院| 欧美日韩人人澡狠狠躁视频| 国产亚洲欧洲一区高清在线观看| 亚洲国产成人在线播放| 亚洲欧美日韩直播| 欧美成人精品|