“export default” 究竟導(dǎo)出了什么?
- .vue 文件, 這個文件會被 vue-loader(如果你用的是 Webpack 的話) 加工處理
- 其中
<template>
部分會被 vue-template-compiler 編譯成 render 函數(shù), 并插入到export default { render() }
中被導(dǎo)出的 JS 對象中 -
<style>
部分會被轉(zhuǎn)換成樣式函數(shù)或提取為獨立的 CSS 文件(取決于你的 Webpack 配置) - 所以在盡管
<template>
和<style>
不在export default
中仍然會被導(dǎo)出
為什么不可以用 “export” 代替 “export default”
-
vue-loader 只會處理
<script>
部分默認導(dǎo)出的內(nèi)容(也就是export default
出來的內(nèi)容) - 所以你修改了導(dǎo)出的類型變成 export 就不可以啦