2.vue的基本结构

Vue组件结构

<template>
  <div id="app">
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<style>

</style>

1. 文件扩张名 .vue

2. 文件结构

 <template></template> 
  <script></script>
 <style ></style>