Vue
文章平均质量分 89
JTZ001
大数据工程师
展开
-
Vue状态管理
一、Vuex 介绍Vuex 是什么? 试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变原创 2021-04-27 15:07:16 · 2241 阅读 · 0 评论 -
Vue Router
一、什么是路由路由概述路由(route)其实是一种映射关系,类似于key===>value的键值对的关系,其中key表示请求的路径path。路由是根据不同的 url 地址展示不同的内容或页面;路由分为前端路由和后端路由 前端路由:前端路由的value表示组件,一个path映射一个组件; 后端路由:后端路由的value表示处理请求的回调函数,针对不同请求的 path,处理不同的业务逻辑前端路由前端路由很重要的一点是页面不刷新,前端路由就是把不同路由对应不同的内容或页面的任务交给前端来原创 2021-04-27 15:04:56 · 537 阅读 · 0 评论 -
Vue UI 组件库
vue UI 组件库常用Mint UI:a. 主页: https://mint-ui.github.io/#!/zh-cnb. 说明: 饿了么开源的基于 vue 的移动端 UI 组件库Elementa. 主页: https://element.eleme.cn/#/zh-CNb. 说明: 饿了么开源的基于 vue 的 PC 端 UI 组件库使用 Mint UI下载npm install --save mint-ui实现按需打包1. 下载 npm install --原创 2021-04-27 15:02:39 · 419 阅读 · 0 评论 -
Vue Ajax
vue-ajaxvue 项目中常用的 2 个 ajax 库 在Vue项目中前后端交互时,早期的Vue版本使用Vue-resource插件从后台获取数据。从Vue2.0之后就不再对vue-resource进行更新,而是推荐使用axios.vue-resource Vue.js的插件提供了使用XMLHttpRequest 或 JSONP进行Web请求和处理响应的服务。vue-resource像jQuery的$.ajax,用来进行数据交互。主要用于发送ajax请求。特点: 1.体积小,压缩后大约1原创 2021-04-27 14:55:11 · 342 阅读 · 0 评论 -
Vue组件化编程
前言上一章我们讲解了Vue的核心功能,也就是核心库;我们是在每一个页面中都去引入vue.js文件;然后通过new Vue()来进行View和Model的管理;但是目前为止,我们还存在一个问题,比如A页面需要定义某个功能,这个功能肯定涉及到data的数据,或者一些methods的行为;那么如果我们在B页面也需要相同的功能呢?难道我们要重新定义一份吗?显然肯定不行。那么组件的必要性就出来了;那么从上述的理解来说:这个公用的功能可能要包含三部分:HTML代码、CSS代码、vm实例;一、vue 组件组件的出原创 2021-04-27 14:51:24 · 1031 阅读 · 0 评论