Vue

跳转路由

this.$router.go(1)

this.$router.replace({
name: 'content',
params: {
  cate: this.$route.params.cate,
  name: name,
}
})

push和replace
push: 可以回退
replace: 不可回退

params和query
params是路由中的参数
query是路由后面的拼接参数

path: /content/:cate/:name

在Vue中如何使用Cookie操作实例

PostCSS插件

字体并不合适使用rem, 字体的大小和字体宽度，并不成线性关系，所以字体大小不能使用rem

设计图上的px值直接转换成对应的vw值。在实际中不需要进行任何的计算，直接在代码中写px，比如：
.test {
    border: .5px solid black;
    border-bottom-width: 4px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}
编译出来的CSS：
.test {
    border: .5px solid #000;   /*像素大于1px才会被转换*/
    border-bottom-width: .533vw;
    font-size: 1.867vw;
    line-height: 2.667vw;
    position: relative;
}
在不想要把px转换为vw的时候，首先在对应的元素（html）中添加配置中指定的类名.ignore或.hairlines(.hairlines一般用于设置border-width:0.5px的元素中)：
<div class="box ignore"></div>
<style lang="less" scoped>
.ignore {
    margin: 10px;
    background-color: red;
}
.box {
    width: 180px;
    height: 300px;
}
.hairlines {
    border-bottom: 0.5px solid red;
}
</style>
编译出来的CSS:
.box {
    width: 24vw;
    height: 40vw;
}
.ignore {
    margin: 10px; /*.box元素中带有.ignore类名，在这个类名写的`px`不会被转换*/
    background-color: red;
}
.hairlines {
    border-bottom: 0.5px solid red;
}

10 个实用的 Vue.js 工具和库

Laravel基于jwt-auth实现API认证

vue中keep-alive，include的缓存问题

回列表页保存原数据与位置

将二进制数据嵌入json的几种方法

vue2 mint-ui loadmore(下拉刷新，上拉更多)

vue.config.js配置

Vue CLI 3 搭建的项目中路径相关问题

如何配置 vue-cli 3.0 的 vue.config.js

Vue2+Echarts实现多种图表数据可视化Dashboard详解（附源码）

微信小程序商城后台附小程序商城源码(Vue+iView)

基于vue2+vuex2+vue-router+axios+elementUI做的自动化后台模板

vue-cli+vuex+scss+element-ui+axios+webpack搭建超简洁完整项目

Vue命令行工具构建项目

npx @vue/cli create frontend


npm install -g cnpm
cnpm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
cnpm i -g @vue/cli
vue create vuetest
cd vuetest
cnpm install
cnpm run serve

http://localhost:8080

cnpm i element-ui -D

生成发行版本
cnpm run build