Vue常见错误

1 this指向

vue中this指向的vm实例,如果map或者filter循环中,this的指向就是个迷了

解决办法

  • let _self = this
  • ES6箭头函数

2 scoped

表示了css的作用域,如果含有scoped表示css只作用域本模块中,否则作用域全局

3 实例片断
经常写的时候会提示实例片断错误,比如


实例片断错误.png
  • 为什么会出现这种问题
    vue建议我们为片段添加一个根节点,这样方便传递props和过渡效果,也可以让dom更好的溯源

  • 如何解决呢?
    很简单,只需要用div包一层就好了

// 片段
<template> 
  <h1>hello</h1> 
  <h2>world</h2>
</template>
// 片段
<template> 
<div>
  <h1>hello</h1> 
  <h2>world</h2>
</div>
</template>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容