前端工程化-05.Vue项目开发流程

一.Vue项目开发流程

import是导入模块，而export是导出模块

以.vue结尾的为vue组件文件，是我们Vue项目开发时经常操作的组件 

<template>：模板部分，由他生成HTML代码  相当于vue当中的视图部分

<script>：JS代码，定义vue当中的数据模型以及当中的方法

<style>：定义CSS样式 

<!-- 模板部分，由他生成HTML代码  相当于vue当中的视图部分 -->
<template><div><h1>{{ message }}</h1></div>
</template><!-- JS代码，定义vue当中的数据模型以及当中的方法 -->
<script>
export default {data () {return {message:"Hello Vue"    }},methods: {}
}
</script><!-- 定义CSS样式 -->
<style></style>