vue使用

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使用)