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概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,297评论 0 25
  • Vue.js 教程 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue...
    流水潺湲阅读 1,301评论 0 3
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,096评论 0 29
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,159评论 4 129
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,702评论 0 6