创新互联UNI-APP教程:Vue特性支持表

全局配置

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支持支持支持支持-

网页名称:创新互联UNI-APP教程:Vue特性支持表
文章位置:http://www.shufengxianlan.com/qtweb/news37/54687.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联