vue.js 2.0的一些变化(一、基本API)

全局配置

  • Vue.config.silent

  • Vue.config.optionMergeStrategies

  • Vue.config.devtools

  • Vue.config.errorHandler(新API,全局的挂钩用于在组件渲染和监控的时候处理未捕获的错误)

  • Vue.config.keyCodes(新API,为v-on配置自定义的key的别名)

  • Vue.config.debug(已丢弃)

  • Vue.config.async(已丢弃)

  • Vue.config.delimiters(已丢弃)

  • Vue.config.unsafeDelimiters(已丢弃,使用v-html

全局API

  • Vue.extend

  • Vue.nextTick

  • Vue.set

  • Vue.delete

  • Vue.directive

  • Vue.component

  • Vue.use

  • Vue.mixin

  • Vue.compile(新API,只能用于独立版本构建)

  • Vue.transition

    • stagger(已丢弃,在el上设置

  • Vue.filter

  • Vue.elementDirective(已丢弃,使用组件)

  • Vue.partial (已丢弃,使用功能组件)

选项

data
  • data

  • props

    • prop

    • default

    • coerce(已丢弃,如果你需要转换prop,请使用compute属性)

    • prop binding modes(已丢弃,v-model在组件上可以工作

  • propsData(新API)只能用于实例

  • computed

  • methods

  • watch

DOM
  • el

  • template

  • render(新API)

  • replace(已丢弃,组件现在必须有一个根元素)

生命周期钩子
  • init(已丢弃,请使用beforeCreate

  • created

  • beforeDestroy

  • destroyed

  • beforeMount(新API)

  • mounted(新API)

  • beforeUpdate(新API)

  • updated(新API)

  • activated(新API,用于keep-alive)

  • deactivated(新API用于keep-alive

  • ready(已丢弃,使用mounted

  • activate(已丢弃,迁移到vue-router

  • beforeCompile(已丢弃,使用created

  • compiled(已丢弃,使用mounted

  • attached(已丢弃)

  • detached(已丢弃,同上)

Assets
  • directives

  • components

  • transitions

  • filters

  • partials(已丢弃)

  • elementDirectives(已丢弃)

杂项
  • parent

  • mixins

  • name

  • extends

  • delimiters(新API,替代原版的全局配置选项,只在独立构建中可用)

  • functional(新API)

  • events(已丢弃)

实例方法

data
  • vm.$watch

  • vm.$get(已丢弃,直接检索值)

  • vm.$set(已丢弃,使用Vue.set

  • vm.$delete(已丢弃,使用Vue.delete

  • vm.$eval(已丢弃,没有真正的使用)

  • vm.$interpolate(已丢弃,同上)

  • vm.$log(已丢弃,使用devtools

events
  • vm.$on

  • vm.$once

  • vm.$off

  • vm.$emit

  • vm.$dispatch(已丢弃,使用全局的事件或使用vuex,见下面)

  • vm.$broadcast(已丢弃,同上)

DOM
  • vm.$nextTick

  • vm.$appendTo(已丢弃,在 vm.$el上使用本地API)

  • vm.$before(已丢弃)

  • vm.$after(已丢弃)

  • vm.$remove(已丢弃)

生命周期
  • vm.$mount

  • vm.$destroy

指令

  • v-text

  • v-html(注意{{{ }}} 被丢弃)

  • v-if

  • v-show

  • v-else

  • v-for

    • key (替代 track-by)

    • object v-for

    • range v-for

    • 参数顺序更新:数组中使用(value, index) in arr,对象中使用(value, key, index) in obj

    • $index$key被丢弃

  • v-on

    • modifiers

    • on child component

    • 自定义键码,目前版本Vue.config.keyCodes代替原来的Vue.directive('on').keyCodes

  • v-bind

    • 作为prop

    • xlink

    • 绑定对象

  • v-bind:style

    • prefix sniffing

  • v-bind:class

  • v-model

    • lazy (as modifier)

    • number (as modifier)

    • ignoring composition events

    • debounce(已丢弃,使用v-on:input

  • v-cloak

  • v-pre

  • v-once(新API)

  • v-ref(已丢弃,现在只是一个特殊的属性ref

  • v-el(和ref合并)

特殊组件

  • <component>

    • :is

    • async组件

    • inline-template

  • <transition>

  • <transition-group>

  • <keep-alive>

  • <slot>

  • partial(已丢弃)

特殊属性

  • key

  • ref

  • slot

服务器端渲染

  • renderToString

  • renderToStream

  • client-side hydration

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值