Vue 使用笔记

1. 将 Vue 单文件组件 style 中样式的作用域限制在本文件

添加 scoped 关键字，如下图所示：

 

 

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.方法名()