2、放在任何组件中import进css后。
3、单页应用都会在单页应用的header中添加一个style标签。
4、将import的css引入。
大体思路：声明一个初始变量currentIndex，为0 就是第一个，为1就是第二个默认显示。点击的时候传入的currentIndex=index
html:
js:
css:
延伸拓展：
同样道理的，点击父级，改变对应子集的class，要如何做呢~
html:
注意：由于是循环，所以在最外层要套个<div>
js:
解决方法：1.去掉<style>标签的scoped 属性，即使用全局样式
2.使用深度作用选择器/deep/，使用方式：将/deep/ + space空格 添加在第三方样式类的前面。如果是使用less语法的话，直接在第三方样式的最外一层添加一遍/deep/就可以了
注意事项：如果/deep/添加多了，google浏览器下会报警告，需要打开控制台的Elements，ctrl + f查找/deep/，搜索到了的话，需要在对应的css位置删除掉
/deep/ .classnamefromother {
/*css样式代码...*/
}
