Vue2.0有哪些变化-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

Vue2.0有哪些变化

本篇内容介绍了“Vue 2.0有哪些变化”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联成立以来不断整合自身及行业资源、不断突破观念以使企业策略得到完善和成熟,建立了一套“以技术为基点,以客户需求中心、市场为导向”的快速反应体系。对公司的主营项目,如中高端企业网站企划 / 设计、行业 / 企业门户设计推广、行业门户平台运营、app软件开发公司移动网站建设、微信网站制作、软件开发、遂宁托管服务器等实行标准化操作,让客户可以直观的预知到从创新互联可以获得的服务效果。

Vue 2.0有哪些变化

高层级的变化

  • 模板解析器不再依赖于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合并)

特殊组件

    • :is

    • async组件

    • inline-template

  • partial(已丢弃)

特殊属性

  • key

  • ref

  • slot

服务器端渲染

  • renderToString

  • renderToStream

  • client-side hydration

“Vue 2.0有哪些变化”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


当前名称:Vue2.0有哪些变化
分享路径:http://kswsj.cn/article/pjeijh.html

其他资讯