vue 笔记

懒加载

路由： {

    path: '/report',

    name: 'report',

    component: resolve => require(['./reportMonitoring/index.vue'], resolve) // 懒加载

  }]

组件：

components: {

      caseDistribute: resolve => require(['./subComponents/caseDistribute'], resolve), // 懒加载

}

Vue ：src 绑定绑定的图片目录须放在static目录，否则不是显示图片

Vue 全局事件监听（跨组件）

that.$event.$emit('changeId',data.casePhaseId)

this.$event.$on('changeId',(val)=>{

that.activeName=val

})

},

Vue.prototype.$event = new Vue()

如果出现Do not use built-in or reserved HTML elements as component id警告:

处理方式这样的报错原因是因为在App.vue父组件里有标签，有重名了。所以要把原来的标签名换掉，例:。这里尽量不要设置为component。

这样的报错还有一个点就是，在子组件里使用console.log(msg)。在控制台是接收不到父组件的参数的。控制台会显示：undefault