Vue.js学习（2）-Vue目录结构

1.目录文件结构说明

*.vue 组件文件：template:页面渲染               script业务逻辑                  style 样式

2.修改初始化文件，查看效果

F:\test\vuedemo\src\components\HelloWorld.vue

<template>
  <div class ="hello">
    <h1>
      {{msg}}
    </h1>
  </div>
</template>
<script>
  export default {
    name:"hello",
    data(){
      return {
        msg:"欢迎 sunny 进入本站学习Vue.js!"
      }
    }
  }
</script>