记录使用 vue 的属性时的小技巧

1、使用 v-html 是如何拿到 img 标签的url

    <div class="messageHtml" v-html="content" @click="getDocment"></div>
    
    content: '<p><p>111</p><img src="xxx" alt/></p>'
    
    getDocment (eve) {
      if (eve.target.nodeName == 'IMG') {
        console.log(eve.target.src)
      }
    },

2、 vue 使用scss, stylues 如何改变 v-html，或者其他组件 里面标签的属性

    1.使用scss时 用/deep/ 可以改变子元素的属性
    2.使用stylues时， 需要>>>才能改变属性

3、使用element的 el-scrollbar 的组件时需要注意一定要给外层元素加上宽度，否则可能会失效

4、 style 标签上加入scoped，只会在本页面起作用

5、 组件之间的通信

props  $emit 数据单向绑定   v-model 数据单向绑定
$chilren  $parent
vuex
extend

6、mixin用于全局混入， mixins 扩展组件