【重点突破】—— quasar中文教程学习笔记（一）

本文主要学习《Qursar Cli —— 处理资源》。

中文教程地址：http://www.quasarchs.com/quasar-cli/handling-assets#%E5%B8%B8%E8%A7%84%E8%B5%84%E6%BA%90-src-assets

---

一、常规资源 vs 静态资源

二、资源处理规则

三、Vue仅绑定所需的静态资源

请注意，无论什么时候您将“src”绑定到Vue范围内的变量，此变量必须是来自静态文件夹。 原因很简单：URL是动态的，所以Webpack(它在编译时打包资源)不知道在运行时将引用哪个文件，所以它不会处理URL。

<template>
  <!-- imageSrc必须指向一个/public目录下的文件  -->
  <img :src="imageSrc">
</template>

<script>
export default {
  data () {
    return {
      /*
        指向 /public.
        注意字符串不以斜杠 (/)开始。
      */*
      imageSrc: 'logo.png'
    }
  }
}
</script>

四、在JavaScript中获取资源路径