Vue特性支援表

小陳的筆記發表於2022-06-15

全域性配置

Vue 全域性配置 H5 App端舊版 App端V3 微信小程式 說明
Vue.config.silent 支援 支援 支援 支援 -
Vue.config.optionMergeStrategies 支援 支援 支援 支援 -
Vue.config.devtools 支援 不支援 不支援 不支援 只在 Web環境下支援
Vue.config.errorHandler 支援 支援 支援 支援 -
Vue.config.warnHandler 支援 支援 支援 支援 -
Vue.config.ignoredElements 支援 支援 支援 支援 強烈不推薦,會覆蓋 uni-app框架配置的內建元件
Vue.config.keyCodes 支援 不支援 不支援 不支援 -
Vue.config.performance 支援 不支援 不支援 不支援 只在 Web環境下支援
Vue.config.productionTip 支援 支援 支援 支援 -

全域性 API

Vue 全域性 API H5 App端舊版 App端V3 微信小程式 說明
Vue.extend 支援 不支援 支援 不支援 不可作為元件使用
Vue.nextTick 支援 不支援 不支援 不支援 -
Vue.set 支援 支援 支援 支援 -
Vue.delete 支援 支援 支援 支援 -
Vue.directive 支援 不支援 支援 不支援 -
Vue.filter 支援 支援 支援 支援 App端舊版不可以在 class中使用
Vue.component 支援 支援 支援 支援 -
Vue.use 支援 支援 支援 支援 -
Vue.mixin 支援 支援 支援 支援 -
Vue.version 支援 支援 支援 支援 -
Vue.compile 支援 不支援 不支援 不支援 uni-app使用的 vue是隻包含執行時的版本

選項

Vue 選項 H5 App端舊版 App端V3 微信小程式 說明
data 支援 支援 支援 支援 -
props 支援 支援 支援 支援 App端舊版不可以傳遞函式
propsData 支援 支援 支援 支援 -
computed 支援 支援 支援 支援 -
methods 支援 支援 支援 支援 -
watch 支援 支援 支援 支援 -
el 支援 不支援 不支援 不支援
template 支援 不支援 不支援 不支援 uni-app使用的 vue是隻包含執行時的版本
render 支援 不支援 不支援 不支援 -
renderError 支援 不支援 不支援 不支援 -
directives 支援 不支援 支援 不支援 -
filters 支援 支援 支援 支援 App端舊版不可以在 class中使用
components 支援 支援 支援 支援 -
parent 支援 支援 支援 支援 不推薦
mixins 支援 支援 支援 支援 -
extends 支援 支援 支援 支援 -
provide/inject 支援 支援 支援 支援 App端舊版部分支援
name 支援 支援 支援 支援 App端舊版不支援遞迴元件
delimiters 支援 不支援 不支援 不支援 -
functional 支援 不支援 不支援 不支援 -
model 支援 不支援 支援 不支援 -
inheritAttrs 支援 不支援 支援 不支援 -
comments 支援 不支援 不支援 不支援 -

生命週期鉤子

Vue 生命週期鉤子 H5 App端舊版 App端V3 微信小程式 說明
beforeCreate 支援 支援 支援 支援 -
created 支援 支援 支援 支援 -
beforeMount 支援 支援 支援 支援 -
mounted 支援 支援 支援 支援 -
beforeUpdate 支援 支援 支援 支援 -
updated 支援 支援 支援 支援 -
activated 支援 不支援 支援 不支援 -
deactivated 支援 不支援 支援 不支援 -
beforeDestroy 支援 支援 支援 支援 -
destroyed 支援 支援 支援 支援 -
errorCaptured 支援 支援 支援 支援 -

例項屬性

Vue 例項屬性 H5 App端舊版 App端V3 微信小程式 說明
vm.$data 支援 支援 支援 支援 -
vm.$props 支援 支援 支援 支援 -
vm.$el 支援 不支援 不支援 不支援 -
vm.$options 支援 支援 支援 支援 -
vm.$parent 支援 支援 支援 支援 uni-app裡面 view等內建標籤是以元件方式實現, $parent會獲取這些內建元件
vm.$root 支援 支援 支援 支援 -
vm.$children 支援 支援 支援 支援 -
vm.$slots 支援 支援 不支援 支援 App端舊版獲取值為 {'slotName':true/false}比如: {"footer":true}
vm.$scopedSlots 支援 支援 支援 支援 App端舊版獲取值為 {'slotName':true/false}比如: {"footer":true}
vm.$refs 支援 支援 支援 支援 -
vm.$isServer 支援 不支援 支援 不支援 App端V3總是返回false
vm.$attrs 支援 不支援 支援 不支援 -
vm.$listeners 支援 不支援 支援 不支援 -

例項方法

Vue 例項方法 H5 App端舊版 App端V3 微信小程式 說明
vm.$watch() 支援 支援 支援 支援 -
vm.$set() 支援 支援 支援 支援 -
vm.$delete() 支援 支援 支援 支援 -
vm.$on() 支援 支援 支援 支援 -
vm.$once() 支援 支援 支援 支援 -
vm.$off() 支援 支援 支援 支援 -
vm.$emit() 支援 支援 支援 支援 -
vm.$mount() 支援 不支援 不支援 不支援 -
vm.$forceUpdate() 支援 支援 支援 支援 -
vm.$nextTick() 支援 支援 支援 支援 -
vm.$destroy() 支援 支援 支援 支援 -

模板指令

Vue 指令 H5 App端舊版 App端V3 微信小程式 說明
v-text 支援 支援 支援 支援 -
v-html 支援 不支援 支援 不支援 -
v-show 支援 支援 支援 支援 -
v-if 支援 支援 支援 支援 -
v-else 支援 支援 支援 支援 -
v-else-if 支援 支援 支援 支援 -
v-for 支援 支援 支援 支援 -
v-on 支援 支援 支援 支援 -
v-bind 支援 支援 支援 支援 App端舊版不支援 v-bind="{key:value}"類似用法
v-model 支援 支援 支援 支援 -
v-pre 支援 不支援 支援 不支援 -
v-cloak 支援 不支援 不支援 不支援 -
v-once 支援 不支援 支援 不支援 -

特殊屬性

Vue 特殊屬性 H5 App端舊版 App端V3 微信小程式 說明
key 支援 支援 支援 支援 App端舊版不支援表示式
ref 支援 支援 支援 支援 -
is 支援 不支援 支援 不支援 -

內建元件

Vue 內建元件 H5 App端舊版 App端V3 微信小程式 說明
component 支援 不支援 支援 不支援 -
transition 支援 不支援 不支援 不支援 -
transition-group 支援 不支援 不支援 不支援 -
keep-alive 支援 不支援 支援 不支援 -
slot 支援 支援 支援 支援 -


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2900610/,如需轉載,請註明出處,否則將追究法律責任。

相關文章