创建第一个 Vue 3.x 应用
我们来开发第一个 Vue 3.x 的应用。我们会创建一个音乐播放列表,展示歌曲名称,还会提供一个搜索框,让用户搜索歌曲。
创建项目
首先打开 VS Code,在一个合适文件夹下边创建项目的工作空间目录,工作空间就是一个文件夹,所有跟项目有关的文件都在这个目录下,VS Code 会把它们作为一个整体看待。 然后,像开发普通 HTML 页面一样,创建 index.html、style.css 和 index.js 文件。
引入 Vue
打开 index.html 文件,在里面引入 style.css 和 index.js,这里把 index.js 的引入放到了 </body>
闭合处,这样在页面加载完成之后,才会执行 index.js 文件的代码。
接着,新建一个 lib 目录,把我们下载好的 vue 的 js 文件复制过来。
在 index.html 中,<head />
标签结束前,引入 vue。