logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

创建 Vue 应用实例

  • 创建一个Vue应用需要构建一个Vue实例。
  • 可以在src目录下创建一个名为main.ts的文件作为入口。
  • 从Vue中导入createApp函数并使用它创建一个Vue实例。
  • 引入根组件(root component),需要在src目录下新建一个以.vue为后缀的组件文件,命名为App,并定义一个简单的模板,如包含“您好”标题的h3标签。
  • 在main.ts文件中,导入App组件,并将其作为根组件传递给createApp函数以便展示。
  • 使用Vue实例的mount方法,挂载应用到ID为"app"的HTML元素上,该元素位于public目录下的index.html文件中。
  • 使用命令npm run serveyarn serve在本地启动开发服务器,之后在浏览器访问localhost:8080,可以看到显示“您好”的标题,即为App组件的内容。