vue使用

作者: 真的吗_a951 | 来源:发表于2018-09-24 10:07 被阅读0次

vue由模板、实例、组件组成

模板

  • v-text解析文本,跟{{}}效果一样
  • v-html解析html
  • 事件v-on:绑定事件监听器,(语法糖:用@代替)
  • 指令v-bind:绑定活的属性,(语法糖:用代替)
  • 双向数据绑定v-model
  • 指令v-show
  • 指令v-if
    -指令v-for
    Vue中的所有方法都放在methods里面
    属性 :
  • 计算computed
  • 侦听器watch
  • 方法methods 处理事件

组件

  • component创建组件
  • template创建模板
  • props 接收属性

事件

  • 触发事件$emit
  • 点击事件click
  • 删除事件delete

vue组件和vue实例之间的关系:每个vue组件都是一个vue实例,可以用vue实例的属性,每一个组件也是一个vue实例

父子组件之间的联系:

  • vue父组件通过属性的方式向子组件传递数据
  • 通过发布订阅模式,子组件向父组件传递数据

相关文章

网友评论

      本文标题:vue使用

      本文链接:https://www.haomeiwen.com/subject/szzjwftx.html