vue使用心得笔记--自己总结使用

写在前面

     vue的写法和逻辑和微信小程序的使用很相似,自己写项目过程中一些小点总结一下,方便查阅,如果对他人有些许帮助那就更好了

1.vue做if判断的时候 , 由于使用了v-for循环 做个别标签判断的时候 使用了 v-if="{{item.code}}==1"  报错了,检查发现,在v-if中不能用插值表达式 , 可以直接写 v-if="item.code==1"  然后成功实现 ; .

2.vue绑定元素背景图图片链接的时候 如何拼接的问题

需要把style后边的样式用大括号包起来,分开隔成字符串 , 多个background样式直接用逗号分隔即可

3.vue页面由多个组件组成，想要刷新某一个组件（具体是修改头像，在主页中同步修改）

在改组件 用v-if判断，status默认是true  根据传过来的值

data:{ status:true }

// 先把状态设置为false 使用$nextTick方法紧接着重新赋值为 true 实现了

this.status = false
this.$nextTick(function() {
   this.status = true
})