三种Vue3的模版语法示例

    <div id="app">
            {{ counter1}}
            {{ counter2}}
            {{ counter3}}
      </div>

<script>
            //第一种
            const App = {
                data() {
                    return {
                        counter1: 1
                    }
                }
            };
            Vue.createApp(App).mount('#app');

            // //第二种
            // const app = Vue;
            // app.createApp({
            //     data() {
            //         return {
            //             counter2: 2
            //         }
            //     }
            // }).mount('#app')

            // //第三种
            // const app = Vue.createApp({
            //     data() {
            //         return {
            //             counter3: 3
            //         }
            //     }
            // }).mount('#app')
        </script>