Inhaltsverzeichnis
.vue Single File Component (SFC) Spezifikation" >.vue Single File Component (SFC) Spezifikation
1. <template>Template block
2. <script>Skriptblock
3 <style> Style-Block
vue-loader verwendet den Blocknamen, um den entsprechenden Loader für die Verarbeitung zu finden, und webpack.config muss konfiguriert werden
Der Importpfad folgt den gleichen Pfadauflösungsregeln wie die Webpack-Modulanforderung
CSS-Bereich: Bereich
动态生成的DOM内容不受scope style的影响,但可以使用深度选择器进行样式改变
使用scope作用域不能弃用class或id等
在递归组件中注意后代选择器
CSS模块模式:module" >CSS模块模式:module
配置
使用
为多个style自定义标识符
结合预处理
.vue中自定义节点/语言块" >.vue中自定义节点/语言块
小栗子:自定义语言块 <myblock>
热重载:不刷新页面的更新" >热重载:不刷新页面的更新
热加载是默认启动的,当以下情况下关闭:
功能组件" >功能组件
静态资源url是如何处理的" >静态资源url是如何处理的
URL路径解析规则:
Heim Web-Frontend js-Tutorial Detaillierte Analyse von SFC und Vue-Loader in Vue

Detaillierte Analyse von SFC und Vue-Loader in Vue

Jul 21, 2018 am 11:19 AM
vue-loader vue.js

Dieser Artikel gibt Ihnen eine spezifische Analyse von SFC und Vue-Loader. Der Inhalt ist sehr gut. Ich hoffe, er kann allen helfen.

Offizielle Website: https://vue-loader.vuejs.org/zh/
vue-loader ist ein Webpack-Loader, der Vue-Dateien in JS-Module konvertiert. Wenn die Babel-Loader- oder Bubble-Loader-Konfiguration erkannt wird, wird ES2015 automatisch unterstützt.
Mit Vue-Loader können Sie eine Komponente in Form einer Vue Single-File Component (SFC) schreiben, also einer einzelnen Dateikomponente .

.vue Single File Component (SFC) Spezifikation

1.