VUE3第一个例子和分析

一、createApp函数()
createApp()函数,其中create表示创建,App表示Application,即应用。createApp()函数表示创建一个应用实例,即返回一个应用实例对象VUE,并会重写mount函数。而创建的app对象可以通过链条的方式继续调用其他的方法。
语法格式如下:
const app = Vue.createApp({ /* 选项 */ })
createApp 的参数是根组件(VueApp),在挂载应用时,该组件是渲染的起点。
二、mount()函数
mount()函数表示挂载,其参数是一个字符串类型,可以是css选择器,但一般都是使用ID选择器的形式。例如mount("#app"),就是将ID为app的DIV节点挂载到Vue上。使用 mount() 挂载应用时,该组件被用作渲染的起点。
mount('#app')是将 Vue 应用 vueapp ,挂载到 <div id="app"></div> 中
三、{{ }} 用于输出对象属性和函数返回值。
例子中{{ message }} 对应应用中 message 的值。