VUE3第一個(gè)例子和分析

一、createApp函數(shù)()
createApp()函數(shù),其中create表示創(chuàng)建,App表示Application,即應(yīng)用。createApp()函數(shù)表示創(chuàng)建一個(gè)應(yīng)用實(shí)例,即返回一個(gè)應(yīng)用實(shí)例對(duì)象VUE,并會(huì)重寫mount函數(shù)。而創(chuàng)建的app對(duì)象可以通過鏈條的方式繼續(xù)調(diào)用其他的方法。
語法格式如下:
const app = Vue.createApp({ /* 選項(xiàng) */ })
createApp 的參數(shù)是根組件(VueApp),在掛載應(yīng)用時(shí),該組件是渲染的起點(diǎn)。
二、mount()函數(shù)
mount()函數(shù)表示掛載,其參數(shù)是一個(gè)字符串類型,可以是css選擇器,但一般都是使用ID選擇器的形式。例如mount("#app"),就是將ID為app的DIV節(jié)點(diǎn)掛載到Vue上。使用 mount() 掛載應(yīng)用時(shí),該組件被用作渲染的起點(diǎn)。
mount('#app')是將 Vue 應(yīng)用 vueapp ,掛載到 <div id="app"></div> 中
三、{{ }} 用于輸出對(duì)象屬性和函數(shù)返回值。
例子中{{ message }} 對(duì)應(yīng)應(yīng)用中 message 的值。
標(biāo)簽: