vue3的基本使用＜与vue2比较＞

创建项目

基本使用

vue2

    <div id="app">{{username}}</div>
<script>
//创建vue实例
        const vm = new Vue({
            //绑定id选择器app
            el: '#app',
            //数据
            data: {
                username: 'zs'
            },
            methods:{}
        })
</script>

vue-cli中

import Vue from 'vue'
import App from './App.vue'
new Vue({
  render: h => h(App)
}).$mount('#app')

vue3

const vm = Vue.createApp({
	data(){
        return{}
    }
}).mount("#app")

vue-cli中

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')