vue知识点集合（一）

想整理一下工作中用到的vue知识，然后试着理解一下底层概念，也可以供将来自己复习查看。

Ⅰ. style加scoped属性的用途和原理

用途：在标签上绑定了自定义属性，防止css全局同名污染，表明style里的css样式只适用于当前组件元素。

原理：在标签加上v-data-属性，再在选择器时加上对应[v-data-]即完成独立CSS类名选择

注意：很多时候使用ui框架如果加scope就不能覆盖。

           用/deep/可以对组件内的样式进行覆盖。

           也可以在该组件中单独创建一个style标签写ui框架样式。

Ⅱ . 如何在子组件中访问父组件的实例？

  this.$parent 拿到父组件实例
  this.$children 拿到子组件实例（数组）

Ⅲ . 如何实现父子组件之间的传值？

① 父传子：

父组件要通过v-bind（简写：）将要传递的数据绑定到子组件上。

<Son :toSonData="toSonData"></Son>

在子组件中用props方法接收父组件传来的值，（两种方法，具体用哪种看个人喜好