Vue的单文件组件

文章目录单文件组件vue 中后缀名是 .vue 的文件，我们称它为 单文件组件单文件组件的优点一个单文件组件的组成使用sass单文件组件的一些特点 单文件组件 vue 中后缀名是 .vue 的文件，我们称它为 单文件组件 单文件组件的优点 在 vscode 中安装 vetur 插件。能够让单文件组件有很好的语法高亮和代码提示 可以将样式写在组件内。并且通过配置还能让样式只对当前组件生效（作用域样式） 要实现 作用域样式，只需要在单文件组件的 style 标签上设置 scoped 属性 作用域样式是如何实现的呢？审查元素就可以知道 可以使用现代化的 ESM 模块化 一个单文件组件的组成 template script style

给 style 标签添加上一个 scoped 属性，这时，这个 style 标签中的样式就只对当前组件生效

原创文章 7获赞 28访问量 5918 关注 私信 展开阅读全文
作者：公牛角力

VUE 文件组