vue单文件
vue是现今非常流行的框架之一，整体给人的感觉就是优雅，小巧，最近开始学习着使用该框架做一些项目，学习，当然是从实践开始，在浏览了一遍官方文档之后，便开始用vue-cli脚手架来快速搭建一个vue项目，从实践中快速学习。在看了一遍项目文件结构后，对于.vue结尾的单文件却是有很多不解的地方，具体碰到的问题如下：
什么是标签
template是html5的一个新元素，主要用于保存客户端中的内容，表现为浏览器解析该内容但不渲染出来，可以将一个模板视为正在被存储以供随后在文档中使用的一个内容片段。
关于单文件组件
vue的单文件相当于一个页面中的组件，包含了关于该组件的html-css-js文件集合，这么做的目的有利于项目的管理和整合，官方说法是有构建步骤。
在标签下只能有一个子节点元素，如果写多个如这样的标签则会报错，如下所示
//run --> throw error -Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
.vue文件可包含html-css-js，webpack自动打包成三个文件？
在.vue文件中，dom结构可以写在标签下，而针对该dom结构的样式文件则作为标签的兄弟元素
刚刚接触vue不久，相信学习最好的方法便是以战养战，不懂的一步步去弄懂相信会很有意思，如果上面出现一些错误希望能有人指出来，谢谢~
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。
