Vue 2.0 的变化(一)之基本 API 变化
来源:互联网 发布:ubuntu 查看cpu核数 编辑:程序博客网 时间:2024/04/30 11:49
高层级的变化
模板解析器不再依赖于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
翻译自2.0 Changes
- Vue 2.0 的变化(一)之基本 API 变化
- Vue 2.0 的变化(一)之基本 API 变化
- vue.js 2.0的一些变化(一、基本API)
- Vue 2.0 的变化(二)之其他重大更改
- vue.js学习:1.0到2.0的变化(区别)
- vue.js 2.0的一些变化(二、其他改变)
- Vue之监听数据变化
- 监听系统时间的变化(一分钟变化一次)
- Android之6.0上的重要变化(一)
- Vue2.0的变化(2)———vue2.0动画的变化、vue-2.0路由的变化
- 封装变化(一)
- Vue 2.0 监听文本框内容变化及 ref的使用说明
- lucene 2.4的api变化。。。
- Android L的API变化
- 从delphi7 到 Delphi2010 -- (一)基本数据类型的变化
- vue检测对象和数组的变化
- Vue监听数据变化
- Vue检测变化问题
- PCA的python代码实现
- 剑指offer题解C++【19】顺时针打印矩阵
- mysql基本语句操作(一)--一对一的实现
- JQuery 即 点 即 改
- 0728AM jQuery.ajax实现文件上传存在的问题
- Vue 2.0 的变化(一)之基本 API 变化
- [转]DeepLearning(基于caffe)优化策略--Normalization:BN、WN、LN
- Pots
- Xamarin Android读写Contacts联系人
- Qt之信号槽机制
- build.gradle文件详解
- windows pip install MySQL-python
- ie hack
- Mybatis传多个参数(三种解决方案)