单文件组件

1.创建底层的Vue组件

image-20241129151544922

image-20241129151609156

2.最底层的vue组件由APP组件统一管理

image-20241129151618009

3.在main.js中引入APP组件,创建Vue实例

image-20241129151728783

4.index.html放入模板

image-20241129151742448