vue
关注
分享
扫一扫
追逐春天的大孩子
......
展开
-
在前端页面对后端返回的文件进行下载
1.确定后端返回的是一个文件2.调用导出文件的接口，并携带相应的数据以及发送请求，获取相应的值3.在发送请求的时候，如果访问接口需要携带token值的话，一定要和后端确定token的和变量名4.如果你的接口请求方式是一个get的请求，可以直接将token以拼接字符串的形式进行传递话不多说，看代码这里是你要发送的请求this.$http.get('/business-instock/in...原创 2020-04-23 22:02:05 · 1488 阅读 · 0 评论 -
uniapp基本使用
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。今天我主要介绍的是如何使用vue-cli脚手架搭建uniapp的项目1.首先全局安装vue-cli脚手架（安装过可以忽略这一步）npm install -g @vue/cli2.创建我们...原创 2020-04-16 15:35:16 · 785 阅读 · 0 评论 -
ElementUI的时间线使用方法
1.首先在plugin文件夹中导入Timeline时间线的相关文件2.在element.js中导入TimeLine时间线相关js文件，这里的js文件就是处在上面两个文件夹中的index. jsimport Timeline from './timeline/index.js'import TimelineItem from './timeline-item/index.js'...原创 2020-02-12 19:29:19 · 9141 阅读 · 3 评论 -
在vue中使用Echarts
安装安装其实是比较简单的，直接在项目中打开命令行工具，执行npm install echarts --save 也可简写为npm i echarts -S，即将Echarts安装到项目生产环境中。安装完成之后我们需要打开main.js文件，在上边找一个位置进行引入Echarts，并将其挂载到vue的原型中，具体代码如下import echarts from 'echarts'Vue...原创 2020-01-14 17:43:36 · 464 阅读 · 0 评论 -
vue模板
登录页面模板<template> <div class="login_container"> <div class="loginBox"> <!-- 头像区域 --> <div class="avatar_box"> ...原创 2020-01-03 11:16:20 · 317 阅读 · 0 评论 -
路由报错问题
在路由文件中写上import Router from 'vue-router'const VueRouterPush = Router.prototype.pushRouter.prototype.push = function push (to) { return VueRouterPush.call(this, to).catch(err => err)}...原创 2020-01-03 09:38:33 · 539 阅读 · 0 评论 -
vue中使用三元表达式实现类名的切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-10 11:51:57 · 3057 阅读 · 0 评论 -
Echarts使用
1.在绘制图表之前，我们需要为Echarts准备一个具备宽高的DOM容器 <!-- 2. 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" style="width: 750px;height:400px;"></div>2.我们在官网eacharts下载echarts的文件3.我们在我们的...原创 2019-12-07 17:21:36 · 538 阅读 · 0 评论 -
在vue中路由传递参数
1.router-link传参1. 不带参数<router-link :to="{name:'home'}"><router-link :to="{path:'/home'}"> //name,path都行, 建议用name// 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。2.带参数<ro...原创 2019-11-29 22:01:00 · 835 阅读 · 0 评论 -
Eleent-UI的基本使用
Element-UI是一套为开发者，设计师和产品经理准本的基于Vue2.0的桌面端的组件库。官方地址为： http://element-cn.eleme.io/#/zh-CN1.基于命令行方式手动安装安装依赖包 npm i element-ui -S 导入Element-UI相关资源// 导入组件库 import ElementUI from 'element-ui'; ...原创 2019-10-23 19:15:21 · 1105 阅读 · 0 评论 -
Vue脚手架
1.vue脚手架的基本用法使用步骤安装3.x版本的Vue脚手架使用命令安装脚手架之前，一定要确定你一定安装好了node环境在命令行中输入node -v 查看是否安装成功如果在敲击回车之后，出现你的node版本号，即安装成功然后我们就可以进行安装vue的脚手架了在命令行中输入npm install @vue/cli 这个是安装vue脚手架3.x版本的在安装好...原创 2019-10-22 20:49:21 · 299 阅读 · 0 评论 -
配置vue开发环境
在安装vue脚手架之前，一定要确定自己已经安装好的node环境使用 node -v 查看自己是否安装了node环境在安装好node环境之后，Vue 脚手架用于快速生成 Vue 项目基础架构，其官网地址为：https://cli.vuejs.org/zh/运行 npm install -g @vue/cli 或者&&& yarn global a...原创 2019-10-20 22:25:28 · 154 阅读 · 0 评论 -
Vue单文件组件
1.问题1.全局定义的组件必须保证组建的名称不重复2.字符串模板缺乏语法高亮，在html有多行的时候，需要用到\3.不支持 CSS 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏4.没有构建步骤限制，只能使用 HTML 和 ES5 JavaScript, 而不能使用预处理器（如：Babel）2.解决方案针对这些问题，Vue提供了一个解决方案----...原创 2019-10-19 19:11:27 · 179 阅读 · 0 评论 -
webpack中的加载器
1.通过loader打包非js模块在实际开发过程中，webpack默认只能打包处理以.js后缀结尾的模块，其他非.js后缀名结尾的模块webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错。loader加载器可以协助webpack打包处理特定的文件模块，比如：less-loader 可以打包处理 .less相关的文件 sass-loader 可以打包处理.s...原创 2019-10-15 22:44:31 · 270 阅读 · 0 评论 -
webpack的基本使用
1.webpack概述webpack是一个流行的前端项目构建工具（打包工具），可以解决当前web开发中所面临的困境。webpack提供了更友好的模块化支持，以及代码压缩混淆，处理js兼容问题，性能优化等强大功能，从而让程序员把工作重心放到具体的能实现上，提高了开发效率和项目的可维护性。目前大多数企业中的前端项目，都是基于webpack进行打包构建的。基本使用：1.新创建项目...原创 2019-10-13 22:05:16 · 128 阅读 · 0 评论 -
模块化开发总结
1模块化概述 传统开发模式的主要问题：1.命名冲突 2.文件依赖通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块 模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2.ES6模块化定义： 1.每个js文件都是一个独...原创 2019-10-11 22:34:21 · 245 阅读 · 0 评论 -
Vue常见指令
v-on1.用来绑定事件2.形式为：v-on:click 缩写为:click <!-- vue中的事件绑定 简写 @+事件名 --> <button v-on:click='num++'>1</button> <button @click='num++'>2</button> ...原创 2019-10-10 22:45:00 · 328 阅读 · 0 评论 -
Vue相关指令
Vue是什么？Vue（读音/vju:/）是一套用于构建用户界面的渐进式框架。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。指令1.本质就是自定义属性2.Vue中指定都是以v-开头。V-cloak防止页面加载时出现闪动问题 [v-cloak]{display:none;//先让元素进行隐藏}<div id='app'&...原创 2019-10-09 21:54:54 · 163 阅读 · 0 评论