单文件组件SFC
介绍： Vue的单文件组件是一种特殊的文件格式，使我们能将一个Vue组件的模板、逻辑和样式封装在单个文件中
组成部分
- template: vue提供的容器标签，只起到包裹性质的作用，它不会被渲染为真正的DOM元素; template 中只能包含唯一的根节点
- script: vue中的data必须是一个函数，不能直接指向一个数据对象
vue中组件是可以复用的实例，如果data是医德对象，那么这样作用域就没有单独隔离出来，子组件中的data属性值会相互影响，相当于所有组件实例都可以访问data对象数据。
如果data是一个函数，函数有自己的作用域，那样每个实例都可以维护一份被返回的独立的拷贝的data，组件实例直接的data属性就不会像互相影响。
- style: vue规定：组件内的节点是可选的，开发者可以在节点中编写样式美化当前组件。
什么是构建工具
浏览器只认识html、css、js，所以需要构建工具将我们写下的浏览器不认识的代码进行编译处理。
Vue CLI脚手架工具
CLI是一个全局安装的npm包，提供了终端里的vue1命令，它可以通过 vue create 快速创建一个新项目的脚手架。
Vue CLI 创建新项目
npm install -g @vue/cli
vue create 文件名
Vite构建工具
Vite： Vite是一个轻量级的、速度极快的构建工具，对Vue SFC提供第一优先级支持。
Vite 创建一个 Vue项目
npm init vue@latest
剩下的跟随命令行提示继续操作即可
