关于模板格式
- preserveWhitespaces
true
:表示保留模板中的所有空白符,包括空格、换行符等。false
:表示移除模板中的多余空白符,只保留必要的空白符以确保 HTML 的格式化和渲染。
视图封装策略
- encapsulation视图封装策略决定了组件的样式如何应用到组件模板以及是否会影响全局样式
- Emulated(默认) 类似postcss;通过给每个组件生成唯一的属性选择器并将这个选择器应用到组件的所有样式中,从而实现样式的封装
- None样式将是全局的。任何定义在组件中的样式都会应用到整个应用中,这意味着这些样式会影响到其他组件
- ShadowDom使用浏览器的原生 Shadow DOM 技术来封装组件的样式。这种方式提供了真正的样式隔离,但要求浏览器支持 Shadow DOM。