前端工程化-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>