高层级的变化
-
模板解析器不再依赖于DOM(除非你使用真正的DOM作为模板),因此只要你使用字符串模板,你将不再受到任何1.0版本中的解析限制。但是,如果你依赖在存在的内容中挂载一个元素作为模板(使用
el
元素),你将依然受到这些限制。 -
编译器(将字符串模板转换为渲染方法的部分)和运行时间现在能够被分开。这里有两种不同的构建:
-
独立构建:包括编译并且运行。这种方式和
vue 1.0
几乎完全一样。 -
运行时编译:由于它不包括编译器,在编译步骤时要么预编译模板,要么手动编写渲染功能。npm包默认导出这个版本,那么你需要有一个编译的过程(使用
Browserify
或Webpack
),从中vueify
或vue-loader
将可以进行模板预编译。
-
全局配置
-
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