- 创建一个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 serve
或yarn serve
在本地启动开发服务器,之后在浏览器访问localhost:8080,可以看到显示“您好”的标题,即为App组件的内容。