Vue - 在html中引入 - 追求的个人博客

Vue – 在html中引入

2026-2-13 13:20

学习

39 字

2 分钟

简介

html引入Vue

代码演示

<html>
    <head>
        <title>html 引入 Vue</title>
    </head>
    <body> 
        <div id = "app">
            <!-- 插值表达式 -->
            {{ message }}
        </div>
        <h1>{{count}}</h1>
        <script type="module">
            import { createApp, ref } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
                createApp({
                    data(){
                        return {
                            message: 'Hello Vue!',
                            count: 150
                        }
                    }
                }).mount('#app')
        </script>
    </body>
</html>