Vue

Vue - 实例常用属性

Posted on 11-01 2019,2 min read

Vue - 实例常用属性

数据


data

数据对象

  • 用来组织从view中抽象出来的属性,可以说将视图的数据抽象出来存放在data中。

components

注册组件

组件


props

数据传递

  • 用于接收来自父组件的数据

template

组件模板

  • 用来设置模板,会替换页面元素,包括占位符。

类方法


methods

实例方法

  • 放置页面中的业务逻辑,js方法一般都放置在methods中
  • methods方式在使用时要像方法一样去用,必须加()
  • methods方式是每次进入页面都要执行该方法,但是在利用实时信息时,比如显示当前进入页面的时间,必须用methods方式

computed

计算属性

  • 用来计算
  • computed计算属性的方式在用属性时不用加()
  • computed计算属性是将方法与数据绑定,只有当数据发生变化时才会触发方法

watch

侦听属性

  • watch:function(new,old){}
  • 监听data中数据的变化
  • 两个参数,一个返回新值,一个返回旧值,

filters

过滤器

render

渲染函数,创建虚拟DOM

生命周期


created

初始化

  • 在实例创建完成后被立即调用,完成初始化操作

mounted

挂载后

  • el挂载到Vue实例上了,开始业务逻辑操作

beforeDestroy

销毁前

  • 实例销毁之前调用

下一篇: Git - 推送已有项目到远程仓库