Vue3官网:https://v3.cn.vuejs.org/guide/introduction.html#vue-js-%E6%98%AF%E4%BB%80%E4%B9%88
<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.js,我这里用的连接为:https://unpkg.com/vue@next 【这个链接对应的源文件可能会发生变化,现在时间:2021/08/22】
第二步:将第一步下载的js文件引入到html中,引入写法参见上述代码。
原文:https://www.cnblogs.com/csdqxh-lastday-ckt-online/p/15172827.html