vite.config.ts基础配置分享

更多配置参考:https://github.com/vitejs/vite/blob/master/src/node/config.ts

vite.config.ts

.env
[crayon-5f998b96963ee6[……]

element-ui 表格控制列显隐简单方案

核心是使用v-if控制列的显隐

 

一个优质的Vue组件库应该遵循什么样的设计原则

一、组件库的价值

  • 就个人而言,拥有一套自己的组件库,可以让你的开发变得更高效,让你在行业里更有价值。
  • 就团队而言,拥有一套团队的组件库,可以让协同开发变得更高效规范,让你的团队在公司更具有影响力。
  • 就公司而言,拥有一套公司维护的开源组件库,可以让你的公司在行业里更具有影响力。
  • [……]

Vue项目SEO优化的另一种姿态

背景:当前项目首页和登陆后的平台在一个项目里,路由采用hash模式,现在要做SEO优化,这时候同构SSR(Server Side Rendering)服务端渲染代价显然太大,影响范围比较广,同样更改当前项目路由为history模式采用预渲染(Prerending)代价也不小。最终决定将首页单独出一个[……]

H5背景音乐自动播放(兼容微信IOS,进程后台切换自动停止播放,本文例子为Vue写法)

Vue自定义指令实现点击div以外部分隐藏div

首先新建一个directives.js文件,自定义一个指令:

然后在组件内:

vue中使用 echarts3.0 或 echarts2.0

一、echarts3.0(官网: http://echarts.baidu.com/)

二、 echarts2.0(官网: http://echarts.baidu.com/echarts2/)
[crayon-5f998b96[……]

Vue根据URL传参来控制全局 console.log 的开关

如果你的项目中console.log了很多信息,但是发到生产环境上又不想打印这些信息,这时候就需要设置一个全局变量,如:debug,

用正则匹配一下参数: