vue中自定义rule进行校验input框只能为数字
vue
<el-input v-model="age" maxlength="3"/>
js
const isNum = (rule, value, callback) => {
const age= /^[0-9]*$/
if (!age.test(value)) {
callback(new Error('年龄只能为数字'))
}else{
callback()
}
}vue-js
rules: {
age: [
{ required: true, message: '请输入年龄', trigger: 'blur' },
{ validator: isNum, trigger: 'blur' }
],npm publish，报名不要驼峰式
js的map、filter的用法
vue-cli是开发vue项目必不可少的脚手架工具，3.0版本之前的目录结构是由config目录的，关于webpack配置的文件都放在该目录里面，而3.0版本之后做了一个大更新，webpack相关的默认配置都帮你集成到webpack的npm 包里面去了，官方提供的一种修改配置的方式就是开发者自己在项目的根目录（与src同层级的目录）下建立一个vue.config.js的文件，然后去覆盖自定义的配置，达到你想要的效果，下面写一个基本的默认配置
js 获取鼠标位置
npm 发布指定文件
本节介绍两个 Vue.js 内置但却不常用的 API——extend 和 $mount，它们经常一起使用。不常用，是因为在业务开发中，基本没有它们的用武之地，但在独立组件开发时，在一些特定的场景它们是至关重要的。
我们用vue的底层方法options，可以解决很多问题。但是这个时候调用方法，this指向会发生很大的变化，会很影响我们的预期，我们可以给方法指定this
transition: property duration timing-function delay transition属性是个复合属性，她包括以下几个子属性： transition-property ：规定设置过渡效果的css属性名称 transition-duration ：规定完成过渡效果需要多少秒或毫秒 transition-timing-function ：指定过渡函数，规定速度效果的速度曲线 transition-delay ：指定开始出现的延迟时间
vue中并没有 @hover 事件，但是可以使用 @mouseenter 和 @mouseleave 来模拟hover操作。
Intellij IDEA,解析less，css