![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 66
前端e站
为前端童鞋提供免费的技术分享
展开
-
vue实战之axios
前言今天还将继续基于vue、element的项目实战这个专题,这一章节将向大家讲解http请求的axios封装,易用、简洁且高效的http库。1、axios的介绍axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。2、安装axiosyarn add axios查看package.json文件 "axios": "^0.21.1"安装成功3、使用在src中创建utils文件夹,其中创建axios.js文件ut...原创 2021-03-16 09:52:07 · 336 阅读 · 12 评论 -
vue项目实战之Layout
前言接上篇基于vue、element的项目实战,这一章节将向大家讲解一个项目中的主结构layout,也就是一个项目的导航栏和菜单栏。一、创建登录页面在 src文件夹下创建 page 文件夹,所有的页面卸载这个文件夹下,在page文件夹下创建Login.vue。...原创 2021-03-13 22:28:31 · 6216 阅读 · 13 评论 -
手把手教你写项目
前言这个专题来说说基于vue的element组件封装,最终的目的是整理一个基于vue、element完整的前端项目。希望各位同学看了之后能有所收获,能够自己实现一个完整的实战项目。项目地址1、初始化环境node.js -v v8.9.3npm -v 6.1.0yarn -v 1.7.0Vue -v 2.5.2全局安装vue-cli vue2、初始化项目新建空文件夹,vsCode打开,在终端输入命令行vue...原创 2021-03-11 14:35:29 · 3058 阅读 · 36 评论 -
Vue ---- 页面路由
首先,以在vscode搭建的项目为例,会看到以下目录; 根据路径src/router/index.js,找到增加页面路由的index.js文件,对应下图中的写法进行路由设置;import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'...原创 2019-01-16 20:15:04 · 563 阅读 · 0 评论 -
Vue -- 数据绑定原理
一.实现原理vue.js:是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 发布-订阅者模式:发布-订阅者模式又称为观察者模式,它定义的是一种一对多的依赖关系,当一个状态发生改变的时候,所有以来这个状态的对象都会得到通知;一般通过sub, pub的方...原创 2019-04-11 21:19:44 · 841 阅读 · 0 评论 -
简单实现个vue的下拉加载
1代码文本片段v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10"一些参数的解释 , 有助于代码的理解<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" i...原创 2019-07-12 10:55:51 · 2924 阅读 · 1 评论