叉烧店并不卖叉烧

Vue Loader介绍

vuejs TTT 49℃ 0评论

参考

介绍

版本说明
这份文档是为Vue Loader v15及以上版本撰写的。如果你正在从v14或者更早的版本往这里迁移,请查阅迁移指南。如果正在使用老版本,其对应的文档在此

Vue Loader是什么

Vue Loader是一个webpack的loader,它允许你以一种名为单文件组件(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还提供了很多很酷炫的特性:

  • 允许为Vue组件的每个部分使用其他的webpack loader,例如在<style>的部分使用Sass和在<template>的部分使用Pug;
  • 允许在一个.vue文件中使用自定义块,并对其运用自定义的loader链;
  • 在使用webpack loader将<style> <template>中引用的资源当作模块依赖来处理;
  • 为每个组件模拟出scoped CSS;
  • 在开发过程中使用热重载来保持状态;

简而言之,webpack和Vue Loader的结合为你提供了一个现代、灵活且及其强大的前端工作流,来帮助撰写Vue.js应用

转载请注明:叉烧店 » Vue Loader介绍

喜欢 (0)
发表我的评论
取消评论

CAPTCHA Image
Reload Image
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址