Vue.js进阶【2-1】Vue Loader管理单文件组件file.vue

什么是Vue Loader?

vue-loader（官网介绍）是一个webpack环境下的加载器，允许你以单文件组件Single-File Components (SFCs)的格式管理Vue组件。

<template>
  <div class="example">{{ msg }}</div>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Hello world!'
    }
  }
}
</script>

<style>
.example {
  color: red;
}
</style>

Vue Loader编译 file.vue文件，使之作为webpack的输入。

Hot Reload ：不仅仅是重新加载你编辑的页面；当你修改一个*.vue文件时，所有依赖该文件的地方都会被重新计算。