传统组建的问题
1.问题
(1)全局定义的组件必须保证组件的名称不重复
(2)字符串模板缺乏语法高亮,在HTML有多行时,需用到\
(3)不支持css意味着当HTML和JavaScript组件化时,CSS被遗漏
(4)没有构建步骤的限制,只能使用HTML和ES5 JavaScript,而不能使用预处理器(如:Babel)
Vue单文件组件的组成结构
- template 组建的模板区域
- script 业务逻辑区域
- style 样式区域
<template>
<!--这里用于定义Vue组件的模板内容-->
</template>
<script>
//这里用于定义Vue组件的业务逻辑
export default{
data(){return {}},//私有数据
methods:{}//处理函数
//其他业务逻辑
}
</script>
<style scoped>
/*这里用于定义组件的样式*/
</style>