vue学习 十三 组件CSS的作用域 or 组件Demo

组件CSS的作用域：

当我们直接写的时候，各个组件之间的颜色不同的话，而显示只会显示一种，那就是主模板，或者说总是会覆盖其他的样式，所以就出现以下规定，在各个组件的样式写上scoped（范围的意思），就能让组件之间的样式不会冲突了，一个组件中的样式只会规定自身的样式。。。

 组件Demo：

做到以下效果，其中点击一个div它会让下面那行文字显示和隐藏。。。。。

 这个很简单实现，就是写了一个header组件，一个footer组件，一个user组件，然后在App.vue中使用，拼接就这样好了，其实也不是很难，样式那里要熟练一点就完全没有什么难度了。。。