使用简单的正则来限制input的输入内容 主要用作金额相关的业务中<el-input v-model="amount" placeholder="请输入金额" oninput="value=value.match(/^\d+(?:\.\d{0,2})?/)"></el-input>

1.引入npm install babel-polyfill可以在入口文件（main.js） 引入import ‘babel-polyfill’ //解决IE浏览器ES6的问题 和qq浏览器的问题

VUE 做移动端自适应，使用px2rem-loader和lib-flexible，转换px为rem配置build/utils.js中的px2remLoader 方法为75配置这个值是为了适配自己的设计图75代表设计图为750px设计的const px2remLoader = {　　loader：'px2rem-loader',　　options:{　　　　remUnit:75　　}...

v-for和key在Vue2.x中，我们都知道v-for每次循环都需要给每个子节点一个唯一的key，还不能绑定在template标签上<template v-for="item in list"><div :key="item.id">...</div><span :key="item.id">...</span></templat

Suspense是Vue3推出的一个内置组件，它允许我们的程序在等待异步组件时渲染一些后备的内容，可以让我们创建一个平滑的用户体验；Vue中加载异步组件其实在Vue2.x中已经有了，我们用的vue-router中加载的路由组件其实也是一个异步组件：export default {name: "Home",components: {AsyncButton: () => import("../c

创建vuex监听器computed: {pipeGalleryCode() {return this.$store.state.settings.pipeGalleryCode}},因为 pipeGalleryCode() 中无法调用方法我们可以在页面中创建watch来监听pipeGalleryCode值的变化watch:{pipeGalleryCode(curval,oldval){this.g

实现vuepc端自适应方案lib-flexible + px2remLoaderlib-flexible 阿里伸缩布局方案px2rem-loader：px转rem1、安装 lib-flexible和 postcss-px2rem（命令行安装）npm install lib-flexible --save-devnpm i postcss-px2rem --save2, 引入lib-flexible

vue项目，package.json中Vue和vue-template-compiler版本不一致时，执行npm run dev有时会报错提示如下内容in ./src/views/login/index.vueModule build failed: Error:Vue packages version mismatch:- vue@2.5.10 (E:\美好家\beauty_w...

Vue3.0从20年九月发布第一个One Piece版本，到现在一直在更新优化；除了服务端渲染的工作，其他工作已经大部分完成了，中文版的官方文档也已经放出；那么作为终端用户的我们来看下Vue3新增了哪些功能和特性。尤大大在B站直播时分享了Vue3.0的几个亮点：○ Performance：性能优化○ Tree-shaking support：支持摇树优化○ Composition API：组合AP