Vue3 如何使用（01）

最新推荐文章于 2025-09-11 13:16:56 发布

原创最新推荐文章于 2025-09-11 13:16:56 发布 · 247 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

前端同时被 2 个专栏收录

7 篇文章

订阅专栏

Vue

6 篇文章

订阅专栏

这篇博客展示了如何使用Vue.js创建一个简单的'Hello, World!'应用。通过在HTML中引入Vue.js库，创建一个Vue实例并将其挂载到页面元素上，实现了动态显示文本。这是学习Vue.js框架的第一步。

【第一步】先写一个测试，hello world

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>yma</title>
    <script src="https://unpkg.com/vue@next"></script>
</head>
<body>
    <div id = "root"></div>
</body>
<script>
    Vue.createApp({
        template:'<div>hello</div>'
    }).mount('#root');


</script>
</html>

效果如下