小白在线学前端的博客

编程使我快乐Vue-router的基本使用路由，其实就是指向的意思，当我点击页面上的 首页按钮的时候，页面中就是显示首页 的内容，如果点击页面上的关于按钮，页面就显示 关于的内容。Home按钮==>首页内容，关于按钮==>关于的页面，也可以说是一种映射，所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。路由模块的本质 就是建立起url和页面之间的映射关系。点击之后，怎么做到正确的对应，比如，当我点击首页按钮，页面中就显示home的内容，这就要在js文件中进行路由的配

????1.请讲述一下你对VUE的MVVM的理解MVVM 是 Model-View-ViewModel的缩写，即将数据模型与数据表现层通过数据驱动进行分离，从而只需要关系数据模型的开发，而不需要考虑页面的表现，具体说来如下：Model代表数据模型：主要用于定义数据和操作的业务逻辑。View代表页面展示组件（即dom展现形式）：负责将数据模型转化成UI 展现出来。ViewModel为model和view之间的桥梁：监听模型数据的改变和控制视图行为、处理用户交互。通过双向数据绑定把 View 层和 M

学习Vue看就够了(下)Vue全家桶-Vuex1.什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理数据，以相应的规则保证状态以一种可预测的方式发生变化，vuex是Vue官方推荐的集中式状态管理机制2.Vue中存的什么多个组件共享状态，才存储在Vuex中某个组件中的私有数据，依旧存储在Data中例如：登录的用户名需要在首页，个人中心、结算页面使用，用户名存在vuex中文章详情的数据，只有在文章详情页查看，在自身data中声明3.为

vue总结VUE基础一、什么是vue官方给出的概念是：Vue(类似于View)是一套用于构建用户界面的前端框架构建用户界面用Vue往html页面中填充数据，非常的方便框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能要学习的vue，就是在学习vue框架中规定的用法！vue的指令、组件(是对UI结构的复用)、路由、Vuex、Vue组件库二、Vue的两个特性数据驱动视图数据的变化会驱动视图自动更新好处是：程序员只管把数据维护好，那么页面

分页组件的封装分页的本质：分批次查询数据（基于页码page和每页条数pagesize),后端接收到分页参数后，会基于这些参数查询数据库，然后基于数据库进行分页，基于SQL语句分页组件实现的步骤分页基础的布局，依赖数据分析。分页内容逻辑，完成切换效果。接收外部数据，提供分页事件。落地的代码分页的基础布局，在src/component/libray中新建一个pagination.vue的文件，基本结构<template> <div class="xtx-pagina

前言今天在写项目中的一个小组件，感觉挺不错的，然后分享给大家，如果以后需要使用这个就，看一下这个博客就行先说一下SKU和SPU的概念：SPU（Standard Product Unit）标准化产品单元。是商品信息聚合的最小单位，是一组可复用、易检索的标准化信息的集合，该集合描述了一个产品的特性。通俗点讲，属性值、特性相同的商品就可以称为一个SPU。SKU（Stock Keeping Unit）库存量单位，即库存进出计量的单位， 可以是以件、盒、托盘等为单位。SKU是物理上不可分割的最小存货单元。在

前言权限一句话来理解就是对资源的控制，对web应用来说就是对url的控制，关于权限可以毫不客气的说几乎每个系统都会包含，只不过不同系统关于权限的应用复杂程序不一样而已，现在我们在用的权限模型基本上都是以RBAC为基础进行扩展的，我们今天就将RBAC权限模型进行下介绍。开始RBAC的介绍RBAC是基于角色的访问控制（Role-Based Access Control ）在RBAC中，权限与角色相关联，用户通过成为适当角色的成员而得到这些角色的权限。这就极大地简化了权限的管理。这样管理都是层级相互依赖的

前置大家好，我又来了，我们今天就讲一下什么是请求拦截器，和请求拦截器的作用，好了，多余的话我就不说了，马上开始今天的讲解开始啦请求拦截器请求拦截器的作用是：在请求发送前进行一些操作，例如在每个请求体里面加上token,统一做了处理的，如果要更改也是非常的容易。关于拦截这里只说原理，前端的请求，最终离不开Ajax,像Vue的Vue-Resource、Axios,都只是对Ajax进行了统一的封装，它暴露出来的拦截器，其实就是写了一个方法，把Ajax写在这个方法里面（我们先说请求拦截器）

前言说起Vue的钩子函数，可能很多的人只停留在一些简单常用的钩子(creataed,nouted)，而且对应里面的区别，生命时候该用什么钩子，并没有仔细的去研究过，并且Vue的生命周期在面试中，是出现的比较高频的考点,Vue生命周期简介下面是我画的一个流程图：我们可以根据上面的图片可以明显的看出，在Vue2.0都包括了哪些生命周期函数生命周期的探究对于执行顺序和什么时候执行，看上面两个图基本了解了，下面我们将结合着代码去看看钩子函数的执行下面的代码可以直接复制出去执行<!

你不知道的Vue的公共组件？1、组件是什么？答：组件是包含数据、逻辑功能、展现样式的代码片段。2、封装公共组件要注意哪些事项？答：1）可读性。公共组件是团队协作的基础，可读性就显得尤为总要，怎么增加组件的可读性呢？首先组件命名要语义化，大家看到组件就一目了然，知道该组件的功能是啥；其次我们组件要有一个清晰明了的注释，演示组件用例，属性、参数、方法说明，让大家几乎不用动脑就可以完美使用。什么是公共组件？本质上是，多次使用一个组件定义公共组件的·格式是什么？Vue.component(‘

概念： Vuex可以理解为一种开发模式或者框架。比如：PHP有thinkphp,java有spring等！通过状态（数据源）集中管理驱动的组件的变化（好比spring的IOC容器对bean进行集中管理）应用级的状态集中放在store 里面改变状态的方式是提交mutation,这是个同步的事物异步逻辑应该封装到action 中vuex中的5个核心有哪些？1.statestate为单一状态数，在state中 需要定义我们所需要管理的数组，对象、字符串等等，只有在这里定义了，在vue.js的组件中