Vue
关注
分享
扫一扫
文章平均质量分 91
Cacra
编程路上在探索。
展开
-
防抖和节流
之前代码：滑动右侧A-Z导航条handlerTouchMove(e) { if (this.touchStatus) { const touchY = e.touches[0].clientY - 79; const letterIndex = Math.floor((touchY - this.startY) / 20); if(letterIndex >= 0 && letterIndex < this.firstLett原创 2020-07-05 12:06:43 · 241 阅读 · 0 评论 -
Vue中ref和:ref
前者代表字符串xxx，后者代表变量xxx。一个是动态一个是静态，就和:class和class、:style和style一样。（所以静态用ref，动态用:ref）原创 2020-07-05 08:37:35 · 1596 阅读 · 0 评论 -
Vue中this.$nextTick
参考文章：https://www.kancloud.cn/lemon-m/js-html-css/1043410https://www.kancloud.cn/hanxuming/vue-iq/776216https://segmentfault.com/a/1190000012861862https://blog.youkuaiyun.com/zhouzuoluo/article/details/8...原创 2019-10-29 10:08:29 · 288 阅读 · 0 评论 -
Vue中watch（immediate、handler和deep）
参考文章：https://www.cnblogs.com/shiningly/p/9471067.html原创 2019-10-28 20:40:34 · 1091 阅读 · 0 评论 -
Vue中watch选项handle、deep、immediate是什么
handle：就是你watch中需要具体执行的方法deep：就是你需要监听的数据的深度，一般用来监听对象中某个属性的变化immediate：在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调参考文章：https://segmentfault.com/q/1010000017020494/a-1020000017021145https://blog.csdn....原创 2019-08-23 23:13:52 · 2477 阅读 · 0 评论 -
Vuejs知识图谱
邂逅VuejsVue基础语法组件化开发Vue CLI详解vue-routerVuex详解网络封装项目实战项目部署Vue源码1.Vue基础语法插值语法：Mustache、v-once、v-html、v-text、v-pre、v-block绑定属性：v-bind、绑定class、绑定样式计算属性事件监听：v-on介绍、v-on基础、v-on参数、v-on修饰符条件和循...原创 2019-08-24 09:39:20 · 1770 阅读 · 0 评论 -
Vue+element+Nodejs学习记录（6)
1.axios拦截axios拦截就是axios的二次封装，这样便于权限管理和统一异常处理，全局拦截器可以根据接口错误码进行统一处理，而不需要再每一个接口内部进行控制，第二个好处就是，可以做全局的loading效果，如果不在全局做，你就要在每一个接口前显示loading，接口结束进行关闭，不便于代码维护，前端尽可能的去统一管理代码。参考文章：https://hooray.github.io/p...原创 2020-07-02 15:36:24 · 312 阅读 · 0 评论 -
Vue+element+Nodejs学习记录（8）
1.去掉a标签的下划线<a style="text-decoration:none></a>参考文章：https://jingyan.baidu.com/article/d5c4b52bfca27bda560dc5a8.html2.Vue中data对象和函数形式在一个普通的Vue app中，data是一个对象：new Vue( { data : { ...原创 2020-07-02 15:37:12 · 387 阅读 · 0 评论 -
Vue音乐播放器（1）
1.vue.config.js可以参考：https://juejin.im/post/5bd02f98e51d457a944b634fhttps://segmentfault.com/q/1010000016379336https://www.jianshu.com/p/b001492fc9b9https://www.jianshu.com/p/0824f625dfbb更详细的可以参考...原创 2019-09-18 21:58:53 · 1757 阅读 · 0 评论 -
慕课网Vue2.5去哪儿实战课程（5)
9.旅游网站详情页面开发本章将讲解景点详情页面的开发，主要讲解渐隐渐显Header组件的制作，公用组件的拆分，路由参数的获取与处理，以及递归组件的使用。在详情页面，我们还会对通用动画效果进行代码封装。9.1动态路由和banner布局li换成router-link标签：<router-link tag="li" :to=" '/detail/' + item.id ">...原创 2019-03-01 12:56:17 · 384 阅读 · 0 评论 -
vue 父子组件的生命周期顺序
一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted二、子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated三、父组件...原创 2019-10-11 17:49:31 · 264 阅读 · 0 评论 -
Vue+element+Nodejs学习记录（7）
1.element中Table表格的使用先看官网的一个示例：<template> <el-table :data="tableData" style="width: 100%"> <el-table-column label="日期" width="180"> <template slot...原创 2020-07-02 15:36:45 · 368 阅读 · 0 评论 -
Vue+element+Nodejs学习记录（5）
1.Vue基础使用vue-cli 3.x创建项目npm install -g @vue/clivue create hello-world 或者 vue uicd 目录vue run serve参考文章：https://www.cnblogs.com/niwalala/p/9253746.htmlVue中使用element1.在项目根目录执行命令：npm i element-u...原创 2020-07-02 15:35:59 · 221 阅读 · 0 评论 -
Vue2.5去哪儿实战课程（2）
4.深入理解Vue组件4.1使用组件的细节点4.2父子组件间的数据传递4.3组件参数校验与非props特性4.4给组件绑定原生事件4.5非父子组件间的传值4.6在Vue中使用插槽4.7作用域插槽4.8动态组件与v-once指令5.Vue中的动画特效5.1Vue动画-Vue中CSS动画原理5.2在Vue中使用animate.css库5.3在Vue中同时使用过渡和动画5.4V...原创 2020-06-12 23:02:35 · 907 阅读 · 0 评论 -
慕课网Vue2.5去哪儿实战课程（3）
6.Vue 项目预热本章首先讲解项目环境的基础配置，在此基础上分析工程代码目录结构，延展讲解 Vue中单文件组件及单页面应用路由的概念，最后将带大家整理项目目录，完成 stylus、reset.css 等基础工具及样式的引入，完成项目开发前的准备工作。6.1Vue项目预热 - 环境配置git还要学习，git和github联合使用。6.2Vue项目预热 - 项目代码介绍.editorcon...原创 2019-02-21 20:27:53 · 1364 阅读 · 2 评论 -
慕课网Vue2.5去哪儿实战课程（4)
8.旅游网站城市列表页面开发本章将讲解景点详情页面的开发，主要讲解渐隐渐显 Header 组件的制作，公用组件的拆分，路由参数的获取与处理，以及递归组件的使用。在详情页面，我们还会对通用动画效果进行代码封装。8.1路由配置router-link用于页面的跳转： &amp;amp;lt;router-link to='/city'&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;header-r原创 2019-02-27 09:20:27 · 451 阅读 · 0 评论 -
慕课网vue2.x学习笔记
课程来源：https://www.imooc.com/learn/1091vue是在实例化对象里写代码1.课程介绍学习过程：1.看（目录，重点，倍数看）2.记（笔记，重点，讨论学习）3.练习（随堂练，作业练，实战练）课程知识点：1.vue2 框架常用知识点（模板语法 条件渲染 列表渲染等）2.vue 核心技术(vue-router vuex)3.集成vue2.x常用知识点：...原创 2019-02-12 20:21:49 · 398 阅读 · 0 评论 -
慕课网Vue2.5去哪儿实战课程（5）
9.项目实战-旅游网站详情页面开发9.1动态路由和banner布局9.2公用图片画廊组件拆分9.3实现Header渐隐渐显效果9.4对全局事件的解绑9.5使用递归组件实现详情页列表10.项目实战-项目的联调，测试与发布上线...原创 2019-06-19 22:00:36 · 659 阅读 · 2 评论 -
Vue+element+Nodejs学习记录（1）
目前的打算是前端用Vue+element，后端用Nodejs的Express框架，实现一个展示页面和后台管理页面。打算记录学习过程。1.Nodejs介绍JS和Nodejs1、ES 定义了语法规则，JS和Nodejs必须遵守2、js js=ES+web API(DOM，BOM，事件绑定，ajax)3、node.js node.js=ES+nodejs ...原创 2020-07-02 15:34:05 · 438 阅读 · 0 评论 -
Vue+element+Nodejs学习记录（2）
1.异步回调和Promise使用我们先看一个异步数据读取的过程：const fs = require('fs')const path = require('path')//resolve可以通过拼接多个步骤的方式把文件名拼出来,__dirname是指当前目录const fullFileName = path.resolve(__dirname,'files','a.json')fs...原创 2020-07-02 15:34:27 · 336 阅读 · 0 评论 -
Vue+element+Nodejs学习记录（3）
1.常见的两种登陆方式参考文章：https://zhuanlan.zhihu.com/p/62336927登录就是用某种方法让服务器在多次请求之间能够识别出你，而不是每次发请求都得带上用户名密码这样的识别身份的信息。从登录成功到登出的这个过程，服务器一直维护了一个可以识别出用户信息的数据结构，广义上来说，这个过程就叫做session，也就是保持了一个会话。广义的session和狭义的ses...原创 2020-07-02 15:34:50 · 205 阅读 · 0 评论 -
Vue+element+Nodejs学习记录（4）
1.nodejs中使用redisconst redis = require('redis')// 创建客户端const redisClient = redis.createClient(6379, '127.0.0.1')redisClient.on('error', err => { console.error(err)})// 测试redisClient.set...原创 2020-07-02 15:35:41 · 173 阅读 · 0 评论 -
VueJS初步了解
慕课视频：https://www.imooc.com/learn/9801.简介：Vue是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue更着重于编写数据层的处理操作，减少dom的操作 。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。2.Vue基础语法：2.1 创建第一个vue实例 &amp;amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;a原创 2018-12-13 14:58:47 · 1542 阅读 · 1 评论