一、文件目录介绍
二、单文件组件
单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中。
三、HelloWorld.vue文件
该文件是一个组件文件,文件中有三个标签,<template>标签代表我们之前书写的template选项,我们知道我们之前书写起来很不方便,但是我们通过这种标签的方式书写,写起来更容易啦!
<script>标签用于导出组件,供我们的App.vue根组件进行使用。
<style>标签可以书写样式代码,这里面可以通过lang属性指定预处理器,比如我们要写less代码,我们就可以将lang的属性值取值为less,这样我们就可以再<style>标签当中书写less代码啦!
四、main.js文件
该文件是我们的入口文件,我们之前是通过<script>标签的src属性来引入js文件,现在我们通过import的方式进行vue文件的引入。