千家信息网

Vue 2.0有哪些变化

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,本篇内容介绍了"Vue 2.0有哪些变化"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!高层级的变化模
千家信息网最后更新 2026年11月03日Vue 2.0有哪些变化

本篇内容介绍了"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有哪些变化"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

编译 模板 组件 全局 版本 变化 特殊 元素 内容 属性 独立 运行 配置 功能 周期 字符 字符串 实例 对象 方法 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 盈实互联网科技 深圳科技互联网 广州互联网科技公司 互联网科技金融公司 南京欣网互联网科技 互联网科技股午盘股票涨跌 湖南洣水互联网科技有限公司扣款 银川新华互联网科技学校地址 互联网之后的科技是什么 随着互联网科技发展 晓花互联网科技有限公司网址 恒生互联网科技指数跳水 中国互联网十大科技股排名 互联网保险科技创业 半导体行业属于互联网高科技类吗 保山互联网科技靠谱吗 互联网科技职业技能培训学校 唐山双旺合互联网科技产业园 互联网科技和医药行业 互联网科技品牌 西安纸贵互联网科技有限公司 互联网科技活动banner 电子科技大学互联网 左右互联网络科技 互联网科技有限公司 翻译 互联网和高科技公司 中盈科技互联网信息有限公司 南博望互联网科技有限公司 张家口科技产业互联网平台 如何强化互联网金融科技
0