Vue 2.0 的变化(一)之基本 API 变化
来源:互联网 发布:keen.min.js是干嘛的 编辑:程序博客网 时间:2024/04/30 15:02
高层级的变化
模板解析器不再依赖于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
- 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检测变化问题
- 数学算法
- Kafka设计解析(六)- Kafka高性能关键技术解析
- ssm定时任务
- Android转屏流程与优化(Google转屏算法)
- docker安装升级linux内核(2.6.32->3.10.81),安装成功!
- Vue 2.0 的变化(一)之基本 API 变化
- springboot启动方式
- 织梦m.二级域名手机站图片不显示不出来【亲测,可用】
- ubuntu16.04 + shadowsocks + Firefox/Chrome + switchomega+sslocal
- 欢迎使用CSDN-markdown编辑器(保留以备参考)
- 给zigbee的串口发送一个数据后,一直触发回调函数的解决办法
- Kafka设计解析(七)- 流式计算的新贵 Kafka Stream
- 文件误删数据如何找回
- 葡萄城报表模板库再次更新!补充医院Dashboard及房地产销售行业报表