Vue3官网：https://v3.cn.vuejs.org/guide/introduction.html#vue-js-%E6%98%AF%E4%BB%80%E4%B9%88
通过CDN的方式引入到Html中：
<html> <head>
直接通过CDN引入vuejs文件 <script src="https://unpkg.com/vue@next"></script>
直接引入CDN下载得到的vuejs文件
<!--<script src="./vue.global.js" type="text/javascript" charset="UTF-8"></script>-->
<style type="text/css">
.demo {
font-family: sans-serif;
border: 1px solid #eee;
border-radius: 2px;
padding: 20px 30px;
margin-top: 1em;
margin-bottom: 40px;
user-select: none;
overflow-x: auto;
}
</style>
</head>
<body>
<div id="hello-vue" class="demo">{{ message }}</div>
<script type="text/javascript">
const HelloVueApp = {
data() {
return {
message: ‘Hello Vue!!‘
}
}
}
Vue.createApp(HelloVueApp).mount(‘#hello-vue‘)
</script>
</body>
</html>
将vue下载下来引入到Html中：
第一步：下载vue.js，我这里用的连接为：https://unpkg.com/vue@next 【这个链接对应的源文件可能会发生变化，现在时间：2021/08/22】
第二步：将第一步下载的js文件引入到html中，引入写法参见上述代码。