typora-copy-images-to: upload vue create myvue Vue项目安装1.主要功能选择2.版本 3.路由模式:history("/")写no hash("#")是yes 4.预处理器–选择less语法(css) 5.语法检测eslint–默认6.保存时进行语法检测7.In dedicated config files 您喜欢将Babe 1、ESLint等的配置放在哪里？—放在专用配置文件中/放在pack.json文件中8.是否作为以后的模板–NO Vux如何使用 1.在./store.js中操作 2.在./main.js中操作3.创立子组件 compone...
首先下载 pdfjs-dist 这个插件 在然后在 component 里面添加一个 空白的.vue文件 复制下面的代码 注意：url 是在public 里面的 静态资源 访问 public 里面的 资源 不需要跨域<template><div class="canvas-container"><canvas v-for="page in pages" :id="the-canvas+page" :key="page"></canvas></div> </template><script> import PDFJS from pdfjs-dist; import workerSrc from pdfjs-dist/build/pdf.worker.entry PDFJS.wor...
开发通用组件是很基础且重要的工作，通用组件必须具备高性能、低耦合的特性 一、数据从父组件传入 为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。 父对子传参，就需要用到 props，但是通用组件的的应用场景比较复杂，对 props 传递的参数应该添加一些验证规则 二、在父组件处理事件 在通用组件中，通常会需要有各种事件， 比如复选框的 change 事件，或者组件中某个按钮的 click 事件 这些...
一、为什么需要websocket？前端和后端的交互模式最常见的就是前端发数据请求，从后端拿到数据后展示到页面中。如果前端不做操作，后端不能主动向前端推送数据，这也是http协议的缺陷。因此，一种新的通信协议应运而生---websocket，他最大的特点就是服务端可以主动向客户端推送消息，客户端也可以主动向服务端发送消息，实现了真正的平等。websocket其他特点如下： （1）建立在 TCP 协议之上，服务器端的实现比较容易。 （2）与 HT...
1、vscode下载安装https://code.visualstudio.com/ vue插件的安装： 1、vetur 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置 打开设置界面， 在设置界面右侧添加配置。 2、eslint 智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。至于安装，同样打开插件扩展窗口输入eslint点击安装插件，装好后也需要进行配置，在同vetur插件一样的地方进行配...
1 安装sass 依赖包 ，在cmd界面输入：npm install sass-loader@4.0.0 --save-dev npm install node-sass@5.0.0 --save-dev注意：5.0.0版本的node-sass须配合4.0.0版本的sass-loader来使用(考虑两个插件之间版本高低的配合问题) 2 在package.json里面就可以看到安装好的这两个插件 3 在index.vue里面的style标签上面加上 lang="scss" 4 此时，sass就已经安装好了，style标签里面就可以写嵌套的css样式了4.1 /deep/的应用 4.2 ...
vue cli搭建出的项目结构目录如下：按照顺序逐步进行分析： 1.bulid --- webpack的相关配置 有用的如下图红框：分别是，基本webpack配置，开发环境配置，生产环境配置 2.config --- 项目的相关配置 里面的index.js文件进行配置代理服务器，与后台进行联调，在proxyTable这个属性中设置相应的后台地址就可以了 3.node_modules --- 存放的项目需要使用的相关依赖包 4.src文件夹 --- 主要的代码编写asse...
确保自己的电脑安装了node环境 没有安装的自己百度安装 进入到项目里面如果没有这个目录，也是进入这个地址 执行 npm install 这样项目里面就有这个依赖目录了 有了这个之后，就是在这个目录下，执行npm run start 就可以启动项目以上就是前端项目启动了
项目优化策略 1：在vue中引进nprogress插件，在处理请求的js页面request.js的拦截器中处理进度条的显示（nprogress.start()）和隐藏（nprogress.done()）， request拦截器格式：axios.interceptors.resquest.use(config=>{}),respose类似 2：在build期间移除console的方法，通过安装一个插件进行配置babel-plugin-transform-remove-console,在.babelrc中配置“plugin”[“transform-remove-console”]
下载github模板 vue init mpvue/mpvue-quickstart project-name配置sass-loader npm install --save-dev sass-loader //sass-loader依赖于node-sass,所以要安装node-sass npm install --save-dev node-sass //在build文件夹下的webpack.base.conf.js的rules里面添加配置 {test: /\.sass$/,loaders: ['style', 'css', 'sass'] } // 注意：下面这个 加不加视情况定（css的）{test:/\.css$/,loader:'style-loader'},{test:/\.css$/,lo...
定义ref链在方法中执行this.$refs.UI.style.setProperty("--color",localStorage.getItem("colorValue"));//给变量赋值(后面这个是要取得的参数)style上面应该写
修改vue-router的配置文件，默认位置router/index.jsimport Vue from vue import Router from vue-router/*** 重写路由的push方法* 解决，相同路由跳转时，报错* 添加，相同路由跳转时，触发watch (针对el-menu，仅限string方式传参，形如"view?id=5")*/// 保存原来的push函数 const routerPush = Router.prototype.push // 重写push函数 Router.prototype.push = function push(location) {// 这个if语句在跳转相同路径的时候，...
今天第一次完完整整的打包项目，打包了四遍才成功，辛亏有gitte! 其实打包还是挺容易的，主要是在优化的时候，内心一度崩溃大半天的时光看着一条又一条的报错，最后直到自己无法处理，当我不知所措的时候，幸亏了gitte。让我可以重新获取项目，让我再一次的去打包优化
Vue项目开发之项目初始化 一、使用图形化界面创建二、使用命令创建项目 一、使用图形化界面创建 1、打开cmd【快捷键 win+R】 2、输入一下命令 会自动跳转至链接或复制 http://localhost:8000 至浏览器打开 3、进入项目管理器 => 安装完成 选择创建项目后即可（需要花点时间下载） 4、配置插件（Element） 5、配置依赖（axios） 二、使用命令创建项目 1、命令语句 Vue CLI2初始化项目 vue init webpack my-projectVu...
这是一个经典的问题，相信很多同学都有遇到过，那么你知道其真正的原因吗？ 我们先还原一下场景： vue项目在本地时运行正常，但部署到服务器中，刷新页面，出现了404错误 先定位一下，HTTP 404 错误意味着链接指向的资源不存在 问题在于为什么不存在？且为什么只有history模式下会出现这个问题？ 为什么history模式下有问题 Vue是属于单页应用（single-page application） 而SPA是一种网络应用程序或网站的模型，所有用户交互是通过...