vue常见问题解决

1、vue数据更新了，页面不变

1.在数据改动的代码后加 this.$forceUpdate();
添加this.$forceUpdate();进行强制渲染，效果实现。因为数据层次太多，render函数没有自动更新，需手动强制刷新。
2.使用vue中的方法 this.$set(object, index, new)
第一个参数为你要改变的数组或对象
第二个参数为下标，或者元素名称
第三个参数为新值

2、vue绑定失去焦点、回车事件互相影响

@blur="changeNewName" @keyup.enter="$event.target.blur"

3、vue聚焦

//input设置ref
ref="name_input"
//需要聚焦时调用
this.$nextTick(() => {
  this.$refs.name_input.focus()
})

4、页面闪屏

单页使用vue时，html加载后，vue还没有加载完成，所以会出现闪屏问题，解决方法:

<div id="app" v-cloak>
    {{context}}
</div>

[v-cloak]{
  display: none;
}