## 1.watch的深度监听 ``` watch: { 'data': { handle(newData, oldData) { }, immediate: true, // 初始值执行handler的函数 deep: true // 深度监听 } } ``` ## 2.Html5 直接调用摄像头和相册 ``` <input     type='file'     accept='image/*'     id='file' /> document.getElementById('file').click() // 触发  v-on:change=‘update' ``` ## 3.h5底部被弹起被输入法挡住 ``` @media (max-height: 400px) {     .openpaylogo {     display: none;   } } ``` * css的媒介查询,来监听窗口的高度,当窗口的高度小于某个值时,我们认为虚拟键盘被拉起 ## 4.基于vue-cli3的vue项目移动端样式适配: * https://www.cnblogs.com/zxm541902876/p/13358745.html ## 5.Vue.use() 和 Vue.component() * 1.Vue.use() 传入的是对象,内部执行时 依旧是  Vue.component()  * 2.Vue.component() 只能同时注册一个组件,而Vue.use() 的install里可以写多个Vue.component() * 3.ant-design-vue v-for中报错 > ``` TypeError: Cannot read property 'propsData' of undefined 。``` - v-for循环直接在item中,不要嵌套外部标签进行循环 - 在局部引用的时候`Vue.component(Menu.name, Menu)`改为`Vue.use(Menu)` - 全部引入ant-design-vue组件 ## 6.vue-cli 打包放到服务器上遇到的问题,空白 > https://www.jianshu.com/p/ac612a4a3800