.vue文件分为三大块:template、script、style。
例如:
<template>
这里用于定义vue组件的模板内容
</template>
<script>
//引入外部文件
import aa from ****;
//这里定义vue组件的业务逻辑
export default {
data(){
return{
//私有数据
}
},
methods: {
//业逻辑处理
}
}
</script>
<style scoped>
html标签的样式
</style>
style中scoped可以防止各.vue文件之间的样式冲突。