最近用Spring Boot和Vue Element实现了一个微型项目，该项目自构思到第一个版本的实现用了1个月的时间。当然大部分都是下班后，加班到11点做的；但是从功能实现到细节优化用了3个月的时间。“做”是一回事，“做好”是另外一回事。当然花了3倍的工作量，也不见得就做的很到位。闲话少叙，言归正传。本文介绍我用SpringBoot和Vue实现的文件上传功能。1. 实话说，做一个文件上传并不难。方法无外乎利用自己以前写的代码，或者用搜索引...
mpvue... 坑怎么说呢，去github看一下，发现还是有很多问题没有解决。。。不支持filter亲，到现在还没有支持filter哦。只能用替代方法了，用computed或者渲染前先处理数据。无奈...组件只能有一个slot这个还是有影响的，只能限制一下组件了。无奈...原文：https://www.cnblogs.com/blogs-xlf/p/11137364.html
首先先安装 node.js ，没安装的朋友请自行百度，或查看（https://www.runoob.com/nodejs/nodejs-install-setup.html） 安装教程。安装成功后，打开命令行，输入 node -v 检查版本，如果出现如下图，则表示安装成功。 接下来就是用 npm包管理器 创建项目了。npm 是随同 NodeJS 一起安装的包管理工具，命令行输入 npm -v 来检查npm版本，如下图 有些 npm 国外资源会被屏蔽，所以经常导致安装失败，所以建议大家安装国内镜像 cnpm。在...
1、v-if与v-show的区别v-if是一个惰性元素，只有满足条件，才会渲染，所以在项目中用v-if，在页面初始化的性能上占有优势，但如果页面加载完成后，需要频繁控制页面的显示隐藏时，v-if就会不断卸载、渲染组件造成较大的切换开销。v-show就是不管满不满足条件，都会进行渲染（与v-if相反，初始渲染成本大），渲染成功后通过display属性控制显隐，由于组件是通过css控制显隐，而不是卸载、重新渲染，所以v-show的切换成本小，但渲染成...
一，需求背景 在.NetCore新版项目中，针对电子文件在线浏览的实现方案做出了调整，由于需要支持跨平台，因此摒弃掉原来使用的第三方控件的方式。目前对于PDF文件的在线浏览采用的开源JS框架PDF.JS。它功能还是比较强大的，支持常用的PDF预览效果，文件下载和打印等等功能。 但如果PDF文件较大或者页数过多时，会发现PDF.JS需要等待很长时间才能将整个文件加载出来，这样用户的使用体验是不佳的，因为较长时间迷茫的等待，并且...
前言：前段时间学习了下vue，也算是能简单开发了，今天就记录下怎么通过vue-cli来安装vue。因vue是基于node环境的，如果你还不会安装的话，可以看下我的这个教程：安装node.js和npm教程以下内容是假设你已有了nodejs环境 1、安装vue-cli3的包 npm install -g @vue/cli # OR yarn global add @vue/cli检查版本如下图 2、创建一个vue的项目vue create hello-world你会被提示选取是按默认方式安装还是手动安装。你可以选第一个默认...
Tomcat部署vue单页面项目将vue项目打包，会生成一个dist文件夹npm run build 将dist文件夹中的内容复制到Tomcat的webapps/ROOT目录下（Tomcat默认的根目录就是webapps/ROOT目录）启动Tomcat，浏览器访问 http://localhost:8080/ 即可注意： 由于npm run build打包生成的index.html文件中，引入的css和js都是基于根目录的， 像这样<script src=/js/app.a9514e70.js></script>, 所以不能将dist文件夹中的内容放到webapps目录的其它文...
vue-cli 中 css 的作用域 scoped vue 数据的为响应数据，一改全改，一变全变的特性，我们的很多处理也会围绕着他 vuex 是处理数据的，是 vue 的数据仓库 vuex 的作用：采用集中式存储管理所有组件的数据状态，并且组件和 store（后台数据）是响应的 当然，作为一个有梦想的 vuex 当然不会这个简单，他本身还拥有 5 大功能 state 存放数据的； mutations 存放所有事件的方法 ，参数一：state 本身，参数二：传递过...
let(变量)/const(常量)var有缺陷所以在es6中用letHelloVuejs<body><div id="app">{{message}}</div><script src="../js/vue.js"></script><script> //let(变量)/const(常量) const app = new Vue({ el: ‘#app‘, data: { message: ‘helloVuejs‘ } })</script></body>原文：https://www.cnblogs.com/ludanitem/p/11751333.html
首先安装WebStorm，完事打开 Create New Project -> Vue.js 出现红字，没有安装nodejs。so 安装一下，简单的next就可以了。因为我之前安过了vue-cli了，所以vue没有报错。或者出来了vue.js的选项所以如果没有出现vue.js或者这个出红字都没关系。打开cmd，使用命令进行安装。在这之前，网速联国外的会慢，我们可以转到taobao上,使用cnpm来安装，安装完cnpm，就可以把所有的npm换成cnpm来执行加快下载速度$ npm install -g cnpm --re...
在vue项目中有时会使用到Base6464转码，现将自己使用的一种方法记录，以供参考1：安装依赖 npm install --save js-base642：在main.js中引入const Base64 = require(‘js-base64‘).Base64 new Vue({el: ‘#app‘,Base64 })3：在需要转码的文件中使用const Base64 = require(‘js-base64‘).Base64 const exStr = Base64.encode(‘base64‘) console.log(exStr) // ‘YmFzZTY0‘ 原文：https://www.cnblogs.com/liangpi/p/1182...
1. 前端请求（recommend.js）；import axios from ‘axios‘export function getDiscList() {const url = ‘/api/getDiscList‘const data = Object.assign({}, commonParams, {platform: ‘yqq‘,hostUin: 0,sin: 0,ein: 29,sortId: 5,needNewCode: 0,categoryId: 10000000,rnd: Math.random(),format: ‘json‘})return axios.get(url, {params: data}).then((res) => {return Promise.resolve(res.data)}) } 2. 手动代理请求（...
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。下面从文件上传方式入手，整理大文件上传的思...
1、http://vuejs.org/2015/10/28/why-no-template-url/Why Vue.js doesn‘t support templateURL 原文：http://www.cnblogs.com/danghuijian/p/4993862.html
vue3.0 CLI 真小白一步一步入手全教程系列：https://www.cnblogs.com/ndos/category/1295752.html尽量把纷繁的知识，肢解重组成为可以堆砌的知识。我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。==========================经过几天的学习，组件的应用已入门。组件的内容还有很多：1、组件内部各类对象 ( $root $parent )、依赖注入、事件监听、循环引用、控制更新等。2、组件的混入、自定义指令、渲染函数与JSX、插...