Vue超快速学习

作者 : 开心源码 本文共842个字,预计阅读时间需要3分钟 发布时间: 2022-05-12 共64人阅读

我之前一直用的React,最近到了新公司,需要用Vue,尽管之前自己写过少量小demo,但是缺乏系统的学习,且之前自己看的vue1.x的内容,好多都过时了,现在补充一下vue2.x的相关知识。

基础知识:

  • vue的生命周期: beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed
  • vue常使用指令: v-for、v-bind(缩写形式:prop)、v-on(缩写形式@click=’sss')、v-if/v-else/v-else-if、v-model、v-once、v-html、v-show…
  • vue自己设置组件:Vue.component(‘componentName',{ props:[‘p1’,’p2’], template: ‘
  • {{ p1 }}
  • ' })

  • vue常使用实例方法和属性: data/$data、methods/$methods、$el、computed(计算属性)、$watch、$set、$event、$emit…
  • 假如需要升级的属性需要缓存,则用计算属性的方式,否则可以用methods里的方法来升级属性(methods里的方法每次重新渲染都会执行)
  • 计算属性默认提供了getter,你还可以给它设置setter
  • 当你数据变化是异步或者者开销较大时,可以用watch侦听器来响应数据的变化
  • v-bind:class的值可以是一个对象,可实现相似react中classnames板块的功能
  • 自己设置组件上的class会被渲染拼接到template的根节点的class属性上(自己设置组件上可用v-bind:class来做class的判断显示逻辑)
  • v-bind:style可以使用来绑定内联样式,这个内联样式的值可以由一个对象来定义(相似css in js的模式),且可以被定义为数组(多个样式对象)
  • v-bind:style可以用多重值的形式:
    说明
    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
    7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
    开心源码网 » Vue超快速学习

发表回复