按需加载，可样式是写在.vue模板中的，访问另一个页面样式就会追加到head标签中，访问的越多head标签的style标签也就越多，即便style标签加入scoped可以避免样式冲突: 后来我查了下有使用extract-text-webpack-plugin将css提取合并的。 这个代码...
template {{tab.name}} script selectTab(selectedTab) { this.tabs.forEach(tab => { tab.isSelected = (tab.name == selectedTab.name); }) }
template {{tab.name}} script selectTab(selectedTab) { this.tabs.forEach(tab => { tab.isSelected = (tab.name == selectedTab.name); }) } 给每个a标签绑定一个方法，并传入当前对象作为参数 当点击时遍历所有a标签，比较当前遍历对象的某...
当然是不会的，都是组件化开发相对来说更不容易乱，且js和css在一起是通过打包工具打包的，不是自己写在一起的，所以整体还是非常清晰的
并不是一个dom节点，所以infotext这个类究竟用在哪，需要看下el-table-column这个组件的实现才知道。 用了第三方组件的必然都会遇到你这样的问题，我说下我的解决方法，不一定是好的。 一个vue文件可以写多个，加上socped代表本组件的样式，不污...
用webpack打包 .vue文件里可以定义template style script 就可以。
像上面的代码一样，你可以通过控制这个样式的布尔值来去选择性的去应用这个 class。
.vue文件里可以定义template style script
export default { name: 'MainPage', data () { return { } } @import '/static/css/easydialog.min.css';
按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack的vue-loader处理即使重复引用同一个组件css也是同用一份，不会额外的复制多个.CSS规则的前面；@import规则条件规则组中。