VUE开发中知识点汇总

1. 深度作用选择器

https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html

<style scoped lang="scss" >
.container{
  /deep/ .link{   //.link是v-html中的标签样式 或者 子组件中的样式
    color:blue
  }
}
</style>

2. 在方法中访问原始的 DOM 事件，使用特殊变量 $event 把它传入方法：

<button v-on:click="warn('Form cannot be submitted yet.', $event)">
  Submit
</button>

// ...
methods: {
  warn: function (message, event) {
    // 现在我们可以访问原生事件对象
    if (event) event.preventDefault()
    alert(message)
  }
}