codecamp

Vue 特性支持表

全局配置

Vue 全局配置H5App端旧版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 全局 APIH5App端旧版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 选项H5App端旧版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 生命周期钩子H5App端旧版App端V3微信小程序说明
beforeCreate支持支持支持支持-
created支持支持支持支持-
beforeMount支持支持支持支持-
mounted支持支持支持支持-
beforeUpdate支持支持支持支持-
updated支持支持支持支持-
activated支持不支持支持不支持-
deactivated支持不支持支持不支持-
beforeDestroy支持支持支持支持-
destroyed支持支持支持支持-
errorCaptured支持支持支持支持-

实例属性

Vue 实例属性H5App端旧版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 实例方法H5App端旧版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 指令H5App端旧版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 特殊属性H5App端旧版App端V3微信小程序说明
key支持支持支持支持App端旧版不支持表达式
ref支持支持支持支持-
is支持不支持支持不支持-

内置组件

Vue 内置组件H5App端旧版App端V3微信小程序说明
component支持不支持支持不支持-
transition支持不支持不支持不支持-
transition-group支持不支持不支持不支持-
keep-alive支持不支持支持不支持-
slot支持支持支持支持-


Vue 组件支持
uni-app 使用Weex/nvue的注意事项
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }