今天在写真机调试的时候,出现了XXXXXX.js 文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理，手机端使用过大的js库影响性能。经过查找资料,说是可以通过gulp babel来解决这个问题下面看操作1、全局安装gulpnpm install -g gulp2、在项目中执行一下命令npm install gulpnpm install gulp-babel --save-de

1.创建head.vue和foot.vue文件head.vue文件<template><div id="head"><mt-header :title="title"><router-link to="" slot="left" v-if="!goBackBtn"><mt-button ic...

父级用this.refs获取子组件中的数据，打印console.log(this.refs获取子组件中的数据，打印console.log(this.refs获取子组件中的数据，打印console.log(this.refs)有一个东西出现，但是console.log(this.$refs.name.functione()) undefine； 之前调用其他组件的时候并没有发现这样的问题。原因：要在

1.创建storage.js// 封装localStorsge本地储存方法var storage = {set(key, value) {localStorage.setItem(key, JSON.stringify(value));},get(key) {return JSON.parse(localStorage.getIte...

刚开始我是用this.$router.push()方法跳转的但是这样子在控制台上会报错,然后我就将this打印出来发现是{}后来将router引入就可以解决问题import router from ‘@/router’...

从下往上跑1<div class="news flex-bet"><div class="img flex-bet"><img class="nioce" src="../assets/images/home03.png" /><img class="icon" src="../assets/images/home04.png" /&...

vue页面代码<Screen :show='show' @close="close"></Screen>//还有一个点击事件,将show=trueclose(e) {this.show = e},子组件代码<template><view class="container" v-show="hideModal"><view class="mask

1.vue<!--弹出框--><div class="popup"><div class="mask" v-show="shareType"></div><div class="share" :style="{bottom: num + 'px'}"><div class="share-opt bg-color"...

在用Hbuilder开发vue app的时候想用真机运行测试一下项目,便于做出调整,1.在电脑上下载驱动,因为我的手机是华为所以我下载了华为手机助手2.在手机上打开设置=>系统=>关于手机=>连点7-8次版本号,打开开发者人员选项,选择usb调试3.链接手机和电脑4. 打开Hbuilder 编辑器选择app项目按照下图操作5.在运行真机调试的时候就出现了问题,这是手...

mui进行手机物理键的监听首先安装 vue-awesome-muinpm i vue-awesome-mui在main.js注册import Mui from 'vue-awesome-mui';Vue.use(Mui);index.html<script>mui.init({swipeBack: false, //关闭...