![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
有关vue的一些简单分享
Joker_L_y
一个初入前端的菜鸟~~~~
展开
-
计算两个时间戳的差值并设置为倒计时
var a = (this.SeckillList.time - this.SeckillList.currentTime) / 1000;// 这里的 this.SeckillList.time this.SeckillList.currentTime是两个时间戳 例如1589423379116 var timer = setInterval(() => { var days = parseInt(a / (3600 * 24));原创 2020-05-14 10:35:31 · 1078 阅读 · 1 评论 -
小程序点击谁谁高亮显示
template部分//这是是通过事件委托给父元素一个点击事件,通过事件函数对象e.target来获取点击的是谁,这里需要给子元素设置自定义属性data-id="1"...<div class="con-nav" @click="changeColor"> <p data-id="1" class="{{isChecked==='1'?' active':'a...原创 2020-04-03 10:11:40 · 939 阅读 · 0 评论 -
ES6模块化-导入导出
什么是:项目中一些程序代码经常被其他业务场景使用,为了避免重复开发,就把这些代码设置为共享模式,共享模式就是模块化。像jquery、axios、vue等等都是模块化的体现,需要的时候直接拿过来用即可模块化技术有哪些:CommonJS(nodejs)、ES6模块化、AMD、CMD等CommonJS:CommonJS模块化 是2009年发布的,是民间出品的,相对不正规,可以在nodejs中应...原创 2020-01-15 15:31:02 · 340 阅读 · 0 评论 -
VueCLI
VueCLI介绍目标:知道什么是VueCLI什么是答:是脚手架,其可以把许多项目通用的依赖包(vue、webpack、路由、vuex、less编译器等等) 和 通用的配置都给做好安装好,使得开发者全部的注意力都集中在业务层面,明显提升开发效率的,真实项目都要使用脚手架开发。依赖包:axios、vue等等都是依赖包,一个依赖包中有许多 模块安装目标:能够安装和使用vuecli...原创 2020-01-15 15:18:46 · 199 阅读 · 0 评论 -
vue-组件component-重要
介绍目标:知道什么是组件什么是:组件是拥有一定功能许多html标签的集合体,是对html标签的封装好处:答:模板中为了实现一个(例如)分页效果,需要绘制20个html标签,如果使用组件,就设置一个标签就可以了,明显提升开发效率框架:Vue:电脑端、移动端react:电脑端、移动端angular:电脑端、移动端组件库针对框架、平台都有针对开发很有名的第3方组件库(饿了么)...原创 2020-01-15 15:00:18 · 279 阅读 · 0 评论 -
拦截器细节说明
目标:知道config参数 和 Promise.reject(error) 分别代表的意思axios.interceptors.request.use(function (config) { return config;}, function (error) { return Promise.reject(error);});axios.interceptors.respon...原创 2020-01-03 08:22:50 · 237 阅读 · 0 评论 -
拦截器-interceptors
介绍目标:知道什么是拦截器什么是:拦截器是axios向服务器端发送请求和响应回来所经历的两道关口axios本身有两种拦截器:请求拦截、响应拦截请求拦截器:axios每次开始请求的时候先执行此处逻辑,在这个地方可以给axios做出发前的配置,也可以做出发前的检查工作,检查ok的情况下就开始向服务器端发请求响应拦截器:axios完成与服务器端交互回到客户端后就执行此处逻辑...原创 2020-01-03 08:21:40 · 247 阅读 · 0 评论 -
vue成员
在Vue的大环境中不要直接使用axios,相反要把其配置成为Vue的成员,通过Vue对象调用目标:把axios配置称为Vue实例的一个成员把axios配置为 Vue构造器原型继承的成员,这样 vm实例对象就可以调用了语法:// 原型继承成员名称为 $http ,也可以配置为其他名称 Vue.prototype.$http = axios // vue实例中使用axi...原创 2020-01-03 08:19:50 · 159 阅读 · 0 评论 -
公共根地址的小拓展
公共根地址目标:能够给axios配置公共请求地址给axios把各个请求都需要使用的相同的根地址做统一配置,使得相同代码只维护一份,提升开发速度语法:axios.defaults.baseURL = 公共根地址...原创 2020-01-03 08:17:58 · 100 阅读 · 0 评论 -
生命周期
生命周期介绍目标:知道什么是生命周期辅助参考:https://segmentfault.com/a/1190000011381906什么是:生命周期是指vue实例(或者组件)从诞生到消亡所经历的各个阶段的总和生命周期分为3个阶段,分别是创建、运行、销毁创建阶段:由空白期、data/methods初始化、模板挂载、模板渲染等组成运行阶段:分为 更新前 和 更新后 两部分销...原创 2019-12-29 21:48:07 · 301 阅读 · 0 评论 -
自定义指令
目标:了解什么是自定义指令什么是:Vue框架给我们提供了许多指令,例如v-if 、v-else、 v-html、v-show、v-text、v-model、v-bind等等,这些指令都是固定的,并不能任意满足我们,有时我们需要一个指令而框架还没有提供,就需要我们自己定义,称为“自定义指令”关键字:directive directives声明语法:// 1. 声明全局指令Vu...原创 2019-12-29 21:46:54 · 1429 阅读 · 0 评论 -
过滤器的全局应用
全局方式应用目标:知道什么是全局过滤器全局过滤器:在new Vue()前边,直接给Vue调用filter声明的过滤器称为“全局过滤器”全局的意思是过滤器可以供所有Vue实例使用Vue.filter(名称, function(被处理的数据){})var vm = new Vue()var vm2 = new Vue()全局和私有取舍:理论上,多个Vue实例都需要使用的过滤...原创 2019-12-29 21:19:51 · 200 阅读 · 0 评论 -
过滤器私有方式应用
目标:知道什么是过滤器什么是过滤器:答: 在项目应用中,同样一份数据信息,表现形式确有千差万别,例如时间信息可以是对象、时间戳、格式化等,字符串可以是大写的、小写的、首字母大写的等等,如果提供方给我们提供的信息是其中一种形式,而我们需要的是另一种,在Vue中,可以通过 “过滤器” 转换处理。过滤器是Vue中实现数据格式转换的一种机制。本质就是函数如下时间信息通过 对象形式 或 时间戳方...原创 2019-12-29 21:18:40 · 180 阅读 · 1 评论 -
computed计算属性应用
目标:知道什么是计算属性及什么时候应用computed计算属性:Vue本身支持模板中使用复杂表达式表现业务数据,但是这会使得模板内容过于杂乱,如果确有需求,可以通过computed计算属性实现,该computed可以对其他data做复杂合成处理的语法:new Vue({ el:xx, data:xx, computed:{ // 属性名称:function(){ ...原创 2019-12-29 21:17:53 · 656 阅读 · 1 评论 -
vue指令-v-if&v-show 小案例
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...原创 2019-12-29 21:16:39 · 277 阅读 · 0 评论 -
vue指令-v-if&v-show
在vue中,v-if 和 v-show 会根据接收 true/false 信息使得页面上元素达到显示或隐藏的效果语法:<标签 v-if="true/false"></标签><标签 v-show="true/false"></标签><!--true:显示 false:隐藏-->原理:v-if:通过 创建、销毁 方式达到...原创 2019-12-29 21:09:15 · 236 阅读 · 0 评论 -
vue 计算器的小升级(代码简化)
Document + - * /原创 2019-12-28 21:38:47 · 151 阅读 · 0 评论 -
vue 计算器小案例
Document <!-- 做题步骤.使用v-model,用户输入后他就会传给data中的num1 num2 --><!-- 点击按钮后就会计算结果.所以我们就要注册点击事件,以前的方法div.onclick=function(){这里写要做的是} --><!-- 在vue中的我们在注册事件直接...原创 2019-12-28 21:37:51 · 476 阅读 · 0 评论 -
vue 第一天
vue-介绍三大前端框架VueVue.js (view)是一套构建用户界面的前端框架技术内部集成了许多基础技术,例如html、css、javascript、ajax、node等,当然还有vue本身高级技术体现,例如组件、过滤器、指令、路由、webpack等等2012年出现,是中国人 尤雨溪 开发的,2016年3月 加入阿里巴巴公司(该事件助推了vue的发展)jquery:库 侵入性弱...原创 2019-12-28 21:35:45 · 677 阅读 · 2 评论