随笔分类 - Vue
摘要：前言 前面介绍了vuex每个核心概念的知识点，可是具体在项目中如何把这些概念组合起来使用呢？本文来总结一下常见的使用方法和对应的项目结构。 正文 本文来以一个登录退出的功能来演示vuex在项目中的使用，登录之后保存登录的token便于下一次发送请求时将token放于请求头中确认用户的登录状态，点击退
阅读全文
摘要：前言 在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。于是Vuex中就存在了另外一个核心概念 modules。本文就来总结 modules 相关知识点。 正文 1 、什么是模块M
阅读全文
摘要：前言 vuex作为vue的核心插件，同时在开发中也是必不可少的基础模块，本文来总结一下相关知识点。 正文 1、基于单向数据流问题而产生了Vuex 单向数据流是vue 中父子组件的核心概念，props 是单向绑定的。当父组件的属性值发生变化的时候，会传递给子组件发生相应的变化，从而形成一个单向下行的绑
阅读全文
摘要：前言 路由这个概念最早在后端出现，随后前后端分离，直至当今的单页面应用，路由也在一直发生变化。本文来总结一下路由变化和vue-router中的路由模式区别相关知识点。 正文 1、什么是前端路由 （1）后端路由阶段 早期的页面都是由html页面在服务端渲染的，服务端直接返回给客户端渲染好的html页面
阅读全文
摘要：前言 地址栏路由的发展经历了后端路由配置阶段、前后端分离阶段、直至单页面富应用阶段。本文来总结一下 vue-router 的相关知识点和用法。 正文 1、什么是 vue-router 路由 路由就是SPA（单页应用）的路径管理器,vue-router就是WebApp的链接路径管理系统。 vue-ro
阅读全文
摘要：前言 vue 中组件完成了样式和功能的综合复用，通过自定义指令完成了一部分功能的复用，本文总结一下混入在vue项目开发中提供的非常便利的功能复用。 正文 1、混入的分类 （1）全局混入 <div id="app"> <h1>我是app组件</h1> </div> <script> // 全局混入 V
阅读全文
摘要：前言 在vue项目中我们经常使用到 v-show ，v-if，v-for等内置的指令，除此之外vue还提供了非常方便的自定义指令，供我们对普通的dom元素进行底层的操作。使我们的日常开发变得更加方便快捷。本文就来总结一下自定义指令的使用方法及常用的场景。 正文 1.全局注册 这里全局注册一个指令，用
阅读全文
摘要：前言 Vue 允许我们在项目中定义过滤器对我们页面的文本展示进行格式的控制，本文就来总结一下过滤器在项目中的常见使用方法。 正文 1.局部过滤器的注册 （1）无参局部过滤器 <div id="app"> <!-- 组件内部的过滤器 --> <filter-item :msg="toMsg"></fi
阅读全文
摘要：前言 操作元素的 class 样式列表和 style 内联样式为数据绑定是前端开发中一个常见的需求，这些样式都属于元素的属性 attribute ，因此我们可以通过 v-bind 来动态绑定元素的样式属性。本文来总结一下这两个属性相关的知识点，便于日后的复习学习。 正文 1.class的动态绑定 （
阅读全文
摘要：前言 我们知道 vue 中父子组件的核心概念是单项数据流问题，props 是单项传递的。那究竟什么是单项数据流问题，这篇文章来总结一下关于这个知识点的学习笔记。 正文 1.父组件传值给子组件 <div id="app"> <blog-item :title="title"></blog-item>
阅读全文
摘要：前言 我们知道 vue 2.0版本开始推荐使用 axios 来完成前端 ajax 请求，axios 是一个基于Promise 的 http 库，可以用在浏览器和 node.js 中，axios 成为vue全家桶的一个重要部分，对前后端接口请求起着必不可少的作用，本文主要总结一下 axios 的一些小
阅读全文
摘要：前言 上篇介绍了我对vue组件化的理解和父组件对子组件传值的方式，这篇介绍下常见的子传父和兄弟组件间的传值方式 目录 子组件向父组件传值 任意组件间的传值方式 正文 子组件向父组件传值 关键知识点：$emit <div id="app"> <child-div @a='handleTotal'></
阅读全文
摘要：前言 我们都知道vue核心之一：组件化，vue中万物皆组件，组件化我认为应该来至于模块化的设计思想，比如在模块化开发中，一个模块就是一个实现特定功能的独立的文件，有了模块我们就更方便去阅读代码，更方便使用别人的代码，同时自己的代码页更加易于维护，还有就是比如常用到的懒加载似乎也有模块化的感觉。前端组
阅读全文
