lmy233的博客

本次项目由于分为客户端和客服端，第一反应便是在vue中构建多页面。项目结构：这里主要讲解下面所标文件的用处vue.config.js相关配置：配置好之后，运行npm run build，项目被打包到dist文件夹下，结果如下图：可以看出不同项目的资源都会打包到了一起，但这不是我想要的结果，那么接下来只需要修改一下vue.config.js配置，即可使打包的文件按照项目进行分离。let projectName = process.argv[3]let glob = require('glo

参考文档：vue-ueditor-wrap该文档主要介绍的是再vue-cli2中的使用。而我的项目用的是vue-cli3.x，所以下面主要介绍在vue-cli3.0中的使用。1.下载UEditor下载地址：UEditor官方下载UEditor文档：UEditor官方文档2.安装npm i vue-ueditor-wrap -S或者 yarn add vue-ueditor-wrap -S3.引入import VueUeditorWrap from 'vue-ueditor-wrap

1.利用npm安装下面9个插件2.将下列代码复制到.postcssrc.jsmodule.exports = { "plugins": { "postcss-import": {}, "postcss-url": {}, "postcss-aspect-ratio-mini": {}, "postcss-write-svg": { utf8: false }, "postcss-cssnext": {},

当vue cli版本>=3，如果运行vue init，则会报错，那么我们如何利用vue-cli创建低版本的项目呢？因为vue-cli3和vue-cli采用了相同的vue命令，我们只需要全局安装一个桥接工具就能继续使用vue init 命令，来快速创建低版本的vue项目。npm install -g @vue/cli-init安装完成后，运行 vue init webpack 项目名，就不会再报错了。...

github地址：https://github.com/lmy01/vuecli3_skeleton_demo1.安装插件 vue-skeleton-webpack-plugin"vue-skeleton-webpack-plugin": "^1.2.2",2.在src/components/创建只包含骨架屏内容的Skeleton.vue模板3.在src/下创建骨架屏入口文件skeleton.js4.在vue.config.js中配置骨架屏参数这里的模板是统一的，如果想根据页面内容自动生

前言VUE开发一个单页面应用有个不好的点就是对搜索引擎SEO十分不友好，我们的网站要想在搜索引擎中排名靠前，少不了SEO优化，而Nuxt.js就是VUE用来解决这个问题的。它是在服务端渲染SSR后直接返回已经渲染好的页面，页面就不再只是一个div标签。详细介绍：Nuxt.js是什么？相关demo：https://github.com/lmy01/nuxt_demo快速构建一个Nuxt.js项目利用Nuxt.js团队提供的脚手架工具 create-nuxt-app，前提确保安装了npx（npm5.2.

table自带合并属性：rowSpan和colSpan，所以合并表头的思路是：获取所有的表头单元格，针对性的对需要合并的单元格进行操作。比如我们想要合并的是第二列和第三列，那么我们先获取到所有的表格，然后将第二列表头的colSpsn设为2，将第三列表头的display设为none。data() { tableData: [ { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1