如何使用 <script> 引入 Vue 3.x 框架
2022年7月 · 预计阅读时间: 1 分钟
在了解到 Vue 能够解决的众多问题之后,你是不是已经开始跃跃欲试了呢?那么这节课我们就看一下如何在项目中引入 Vue。引入 Vue 的方式大体有两种:
- 使用
<script/>
标签。 - 使用脚手架。
使用脚手架是比较高级的用法,这个我们在讲完组件之后再来看它怎么使用。
使用 script 标签
使用 <script/>
标签的方式就和引入普通 JavaScript 文件一样。Vue 提供了 CDN 可以在线引入,也可以下载下来放到本地引入。使用 CDN 引入就直接在 script 标签的 src 属性写上 Vue JS 文件的 url:
<script src="https://unpkg.com/vue@3"></script>
如果想要下载到本地,那么可以直接打开 CDN URL,它会显示 Vue JS 的源代码,把它另存为 .js 结尾的文件就可以了。下载到本地可以避免网络不稳定的情况。