本篇內(nèi)容介紹了“Vue 2.0有哪些變化”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)成立以來不斷整合自身及行業(yè)資源、不斷突破觀念以使企業(yè)策略得到完善和成熟，建立了一套“以技術(shù)為基點，以客戶需求中心、市場為導向”的快速反應體系。對公司的主營項目，如中高端企業(yè)網(wǎng)站企劃 / 設計、行業(yè) / 企業(yè)門戶設計推廣、行業(yè)門戶平臺運營、app軟件開發(fā)公司、移動網(wǎng)站建設、微信網(wǎng)站制作、軟件開發(fā)、遂寧托管服務器等實行標準化操作，讓客戶可以直觀的預知到從創(chuàng)新互聯(lián)可以獲得的服務效果。

高層級的變化

• 模板解析器不再依賴于DOM(除非你使用真正的DOM作為模板)，因此只要你使用字符串模板，你將不再受到任何1.0版本中的解析限制。但是，如果你依賴在存在的內(nèi)容中掛載一個元素作為模板(使用el元素)，你將依然受到這些限制。

• 編譯器(將字符串模板轉(zhuǎn)換為渲染方法的部分)和運行時間現(xiàn)在能夠被分開。這里有兩種不同的構(gòu)建：

• 獨立構(gòu)建：包括編譯并且運行。這種方式和vue 1.0幾乎完全一樣。

• 運行時編譯：由于它不包括編譯器，在編譯步驟時要么預編譯模板，要么手動編寫渲染功能。npm包默認導出這個版本，那么你需要有一個編譯的過程(使用Browserify或Webpack  ),從中vueify或vue-loader將可以進行模板預編譯。

全局配置

• Vue.config.silent

• Vue.config.optionMergeStrategies

• Vue.config.devtools

• Vue.config.errorHandler(新API，全局的掛鉤用于在組件渲染和監(jiān)控的時候處理未捕獲的錯誤)

• 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，只能用于獨立版本構(gòu)建)

• Vue.transition

• stagger(已丟棄，在el上設置

• Vue.filter

• Vue.elementDirective(已丟棄，使用組件)

• Vue.partial (已丟棄，使用功能組件)

選項

data

• data

• props

。prop

。default

。coerce(已丟棄，如果你需要轉(zhuǎn)換prop,請使用compute屬性)

。prop binding modes(已丟棄，v-model在組件上可以工作

• propsData(新API)只能用于實例

• computed

• methods

• watch

DOM

• el

• template

• render(新API)

• replace(已丟棄，組件現(xiàn)在必須有一個根元素)

生命周期鉤子

• 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，替代原版的全局配置選項，只在獨立構(gòu)建中可用)

• 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

。參數(shù)順序更新：數(shù)組中使用(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(已丟棄，現(xiàn)在只是一個特殊的屬性ref)

• v-el(和ref合并)

特殊組件

• :is

• async組件

• inline-template

• partial(已丟棄)

特殊屬性

• key

• ref

• slot

服務器端渲染

• renderToString

• renderToStream

• client-side hydration

“Vue 2.0有哪些變化”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！