Vue踩坑记录

把踩的小坑都记录下来。。。

• v-model不能直接绑定一个vuex里的数据, 准确的说是不能用map这个辅助函数
  https://vuex.vuejs.org/zh/guide/forms.html#%E5%8F%8C%E5%90%91%E7%BB%91%E5%AE%9A%E7%9A%84%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7

• 当组件有复用时，组件内选择器如果像这样写

drawBar() {
  let bar = echarts.init(document.getElementsByClassName('hot-echarts-bar')[0])
  bar.setOption({
    ...
  })
}

则编译之后的vue，只能渲染第一个class为hot-echarts-bar的dom，没有渲染每个组件里，我们想渲染的dom
因此，要改为

let bar = echarts.init(this.$el.querySelector('.hot-echarts-line'))