[TOC] ## Vue 组件支持情况 - 暂不支持在组件引用时,在组件上定义 click 等原生事件、v-show(可用 v-if 代替)和 class style 等样式属性(例:`<card class="class-name"> </card>` 样式是不会生效的)。 Slot(scoped 暂时还没做支持) 动态组件 异步组件 inline-template X-Templates keep-alive transition class style 组件里使用 slot 嵌套的其他组件时不支持 v-for ## 事件处理器 几乎全支持 Vue官方文档:事件处理器 // 事件映射表,左侧为 WEB 事件,右侧为 ``uni-app`` 对应事件 { click: 'tap', touchstart: 'touchstart', touchmove: 'touchmove', touchcancel: 'touchcancel', touchend: 'touchend', tap: 'tap', longtap: 'longtap', input: 'input', change: 'change', submit: 'submit', blur: 'blur', focus: 'focus', reset: 'reset', confirm: 'confirm', columnchange: 'columnchange', linechange: 'linechange', error: 'error', scrolltoupper: 'scrolltoupper', scrolltolower: 'scrolltolower', scroll: 'scroll' } 事件修饰符 * `.stop`:各平台均支持, 使用时会阻止事件冒泡,在非 H5 端同时也会阻止事件的默认行为 * `.prevent`仅在 H5 平台支持 * `.self`:仅在 H5 平台支持 * `.once`:仅在 H5 平台支持 * `.capture`:仅在 H5 平台支持 * `.passive`:仅在 H5 平台支持 ## 全局组件 ``` main.js 里进行全局注册 import Vue from 'vue' import pageHead from './components/page-head.vue' Vue.component('page-head',pageHead) ``` 就可以在全局使用