“export default” 究竟导出了什么?
- .vue 文件, 这个文件会被 vue-loader(如果你用的是 Webpack 的话) 加工处理
- 其中
<template>部分会被 vue-template-compiler 编译成 render 函数, 并插入到export default { render() }中被导出的 JS 对象中 -
<style>部分会被转换成样式函数或提取为独立的 CSS 文件(取决于你的 Webpack 配置) - 所以在尽管
<template>和<style>不在export default中仍然会被导出
为什么不可以用 “export” 代替 “export default”
-
vue-loader 只会处理
<script>部分默认导出的内容(也就是export default出来的内容) - 所以你修改了导出的类型变成 export 就不可以啦
