vue方法总结

优点:
MVVM的开发模式,从dom中解脱出来,双向数据绑定;
数据更新采用异步事件机制;
采用单向数据流;
组件式开发;
采用虚拟dom
支持模板和jsx两种开发模式;
可以进行服务端渲染;
扩展性强,既可以向上又可以向下扩展
缺点:
不兼容IE8以下版本
生态圈不繁荣,开源社区不活跃;

条件渲染:
1、 v-if
2、 template v-if
如果在一个判断中要对多个元素进行渲染,则需要配合template标签;
3、 v-else
4、 v-else-if
多次进行链式的使用
5、 key管理可复用的元素:
Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染
在这里用key进行元素的唯一标识赋值,降低元素的复用性;
6、 v-if与v-show
v-if 是“真正的”条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建
7、 v-if与v-for一起使用
当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级;如果想让v-if优先级更高,则需要在外套一层标签;进行v-if的渲染

列表渲染:
数组:
1、 常用写法:
v-for=”item in items”
v-for=”(item,index) in items”
2、 结合template使用:
带有 v-for 的 标签来渲染多个元素块
对象:
1、 常用写法:
v-for=“value in object”
v-for="(value, key) in object"
v-for="(value, key, index) in object"
组件:

组件注册:

1、 全局注册:
全局注册需要在根实例初始化前注册,这样才能使组件在任意实例中被使用,方式:Vue.component(“组件名”,组件)
2、 局部注册:
组件只能在被注册的组件中使用,而无法在其他组件中使用.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值