1. 将 Vue 单文件组件 style 中样式的作用域限制在本文件
添加 scoped 关键字,如下图所示:
![](https://img2020.cnblogs.com/blog/1261034/202101/1261034-20210119165243648-690193569.png)
2. 获取事件触发源
clickButton:function() { var e = arguments[0] || window.event; var src = e.srcElement || e.target; // src 就是事件的触发源 this.selectedId = src.id; },
3. Vue 父子组件互相访问
- 子组件访问父组件
访问父组件属性:this.$parent.属性名
访问父组件方法:this.$parent.方法名()
- 父组件访问子组件
<div> <childComponent ref = "xxx" /> </div>
访问子组件属性:this.$refs.xxx.属性名
访问子组件方法:this.$refs.xxx.方法名()