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

    国产精品成人免费视频 | 久久成人免费电影| 亚洲国产精品热久久| 国产精品国内视频| 欧美成黄导航| 欧美一级专区免费大片| 99re66热这里只有精品4| 国产亚洲精品一区二区| 欧美日韩午夜在线视频| 美女视频网站黄色亚洲| 欧美在线视频一区二区| 亚洲网址在线| 一本色道久久综合亚洲精品不 | 国内精品久久久久久| 欧美性大战久久久久久久蜜臀| 久久野战av| 久久久久久91香蕉国产| 性一交一乱一区二区洋洋av| 亚洲精品国久久99热| 尤物九九久久国产精品的特点 | 国产一区二区高清不卡| 国产精品国产三级国产专播品爱网 | 久久综合色婷婷| 欧美一区网站| 性久久久久久久久| 欧美一区1区三区3区公司| 国产精品99久久久久久久久| 亚洲精品在线三区| 亚洲精品日韩激情在线电影| 亚洲国产你懂的| 在线观看国产欧美| 在线看片第一页欧美| 亚洲国产精品99久久久久久久久| 狠狠网亚洲精品| 1000部精品久久久久久久久| 亚洲国产成人久久| 亚洲激情欧美激情| 一区二区三区久久| 性伦欧美刺激片在线观看| 午夜精品视频| 久久婷婷综合激情| 免费观看日韩| 欧美三区美女| 国产一区二区0| 在线看片一区| 日韩视频永久免费| 亚洲欧美国产日韩中文字幕| 欧美一级夜夜爽| 嫩草国产精品入口| 国产精品xxx在线观看www| 国产精品女人网站| 好吊一区二区三区| 一本久久综合亚洲鲁鲁五月天| 亚洲素人一区二区| 久久麻豆一区二区| 欧美日韩一区二区三区四区五区| 国产精品久久久久毛片软件| 狠狠操狠狠色综合网| 一本一本久久| 久久久精品日韩| 欧美色视频在线| 伊人久久噜噜噜躁狠狠躁| 99精品视频免费全部在线| 久久www免费人成看片高清| 欧美成人午夜激情在线| 国产伦精品一区二区三区高清| 精品99一区二区| 午夜精品免费在线| 欧美激情亚洲| 黄色亚洲精品| 香蕉久久一区二区不卡无毒影院 | 欧美国产1区2区| 国产精品午夜在线| 91久久中文| 久久精品视频va| 国产精品美女在线| 99精品国产热久久91蜜凸| 久久久成人精品| 国产精品中文字幕在线观看| 99国产麻豆精品| 欧美jizzhd精品欧美巨大免费| 国产精品视频一二| 亚洲天堂av电影| 欧美日韩国产限制| 91久久香蕉国产日韩欧美9色 | 激情一区二区三区| 欧美一级久久| 国产精品综合不卡av| 亚洲亚洲精品三区日韩精品在线视频| 美女啪啪无遮挡免费久久网站| 国产亚洲激情| 欧美一区二区啪啪| 国产精品高清网站| 亚洲午夜视频在线| 国产精品qvod| 亚洲视频国产视频| 欧美丝袜一区二区| 亚洲视频第一页| 欧美亚州一区二区三区| 亚洲视频欧洲视频| 国产精品亚洲网站| 欧美在线亚洲| 国产一区在线看| 另类专区欧美制服同性| 在线观看91久久久久久| 乱人伦精品视频在线观看| 亚洲国产欧美另类丝袜| 欧美大片网址| 亚洲美女在线观看| 国产精品久久久久久影视| 亚洲欧美在线网| 国产揄拍国内精品对白| 久久综合九色综合久99| 亚洲日本电影| 国产精品久久久久久久久久久久久久| 亚洲尤物视频网| 狠狠久久亚洲欧美| 欧美精选午夜久久久乱码6080| 一二三区精品福利视频| 国产欧美日韩一级| 免费亚洲一区二区| 在线一区二区视频| 国产美女精品一区二区三区| 老色鬼精品视频在线观看播放| 91久久中文| 国产精品高潮呻吟久久av无限 | 久久久国产精彩视频美女艺术照福利| 国产一区在线观看视频| 欧美日韩午夜精品| 久久精品视频免费| 99视频一区二区| 国产日韩视频| 欧美人交a欧美精品| 欧美专区在线| 日韩一级精品| 国产在线精品成人一区二区三区| 欧美激情视频在线免费观看 欧美视频免费一| 亚洲精品一区二区三区在线观看| 国产精品视频免费一区| 欧美r片在线| 欧美一区二区三区免费视| 亚洲国产天堂久久综合网| 国产色婷婷国产综合在线理论片a| 美日韩精品免费| 亚洲私拍自拍| 亚洲乱码国产乱码精品精天堂 | 久久久久久久久伊人| 亚洲一区二区少妇| 亚洲老司机av| 在线观看一区视频| 国产欧美日韩另类视频免费观看| 欧美理论视频| 欧美久久电影| 美女免费视频一区| 久久一区二区三区av| 午夜国产精品视频| 亚洲一区三区在线观看| 99在线|亚洲一区二区| 亚洲国产午夜| 亚洲国产一区在线观看| 国内精品模特av私拍在线观看| 国产精品亚洲美女av网站| 欧美日韩三级一区二区| 欧美精品激情| 欧美激情一区在线观看| 欧美精品成人一区二区在线观看| 老司机亚洲精品| 久久综合伊人77777尤物| 久久精品国产91精品亚洲| 欧美影院在线播放| 西瓜成人精品人成网站| 欧美在线视频免费| 久久精品国产免费| 久热这里只精品99re8久| 老司机免费视频一区二区| 美女精品一区| 欧美成人综合| 欧美精品一区二区三区视频| 欧美国产视频在线| 国产精品扒开腿做爽爽爽软件| 欧美午夜寂寞影院| 国产精品网站在线播放| 韩国av一区二区三区四区| 伊人伊人伊人久久| 亚洲国产三级| 中文在线不卡| 久久久999精品| 欧美国产日韩a欧美在线观看| 欧美区高清在线| 国产日韩精品一区| 亚洲成人在线视频网站| 99精品久久久| 久久高清国产| 欧美韩日一区| 国产欧美日韩精品专区| 伊人精品视频| 亚洲一区在线免费| 久久人人97超碰精品888 | 欧美久久久久免费| 国产精品日韩久久久|