摘要：
一、什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态，其实指的是实例之间的共享数据，Vuex是管理应用中不同Vue实例之间数据共享的工具。 下图是Vuex官方提供的对于状 阅读全文
摘要：
1.前端角度 a.将图片发给后端 ajax 1.前端获取图片信息 文件域2.将文件信息 存到formdata3.调用后端写的api接口发送数据 b.接受返回的数据 前端页面显示图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- 阅读全文
摘要：
1.应该在何时创建BScroll对象 1）created : 中请求数据，ajax是异步的，这个时候可能mounted已经执行完了，也就是dom挂载完了，但数据还没请求回来，无法获取到内部元素（数据渲染出来的dom）高度. 无法渲染内部元素，无法滚动2）updated:数据发生改变时执行；数据改变， 阅读全文
摘要：
Nuxt 是一个基于 vue 生态的更高层的框架，为开发服务端渲染的 vue 应用提供了极其便利的开发体验。更酷的是，你甚至可以用它来做为静态站生成器,推荐尝试。目前Nuxt.js官方文档目前已经覆盖了大部分常用需求 , 这篇文章主要讲nuxt工程中一些需要注意的知识点，以及一些比较常用的功能介绍。 阅读全文
摘要：
前言 我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css/js/img等资源文件分别来做设置，那么请看我如何尝试的吧！ 分析 众所周知，vue-cli 阅读全文
摘要：
这个属性用来监视某个数据的变化，并触发相应的回调函数执行 1.基本用法 (1)添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的值发生变化，就会触发该回调函数执行(2)回调函数有2个参数：newVal：数据发生改变后的值oldVal：数据发生改变前 阅读全文
摘要：
1. webpack Bundle Analyzer 有没有想过你的应用程序的哪些部分占用了大部分空间？那么，你可以找到webpack Bundle Analyzer。该软件包将帮助您识别占用空间最多的输出文件。 它将创建一个实时服务器，并为您提供捆绑包内容的交互式树形图可视化。通过这个工具包，您可 阅读全文
摘要：
概述 Vue 2.x 及以前的高阶组件的组织形式或多或少都会面临一些问题，特别是在需要处理重复逻辑的项目中，一旦开发者组织项目结构组织得不好，组件代码极有可能被人诟病为“胶水代码”。而在 Vue 2.x 及之前的版本，解决此类问题的办法大致是下面的方案： mixin 函数式组件 slots 笔者维护 阅读全文
摘要：
State 对象 在现代浏览器中，state 对象是作为 CommandRequest 的一部分传入的。对 state 对象的任何修改都将转换为相应的 operation，然后应用到 store 上。 import { createCommandFactory } from '@dojo/frame 阅读全文
摘要：
前言 很多 App 都有城市选择的功能，今天带大家编写一个城市选择组件。下面是这个组件的效果图。 功能分析 从上图中可以看出，我们将所有城市按照字母区分块，右边是字母索引。通过点击右边的字母可以跳转到相对应的块，同样的，在移动左边的列表的时候，右边也会跟随移动来显示不同的高亮。 这个组件中，我们通过 阅读全文
摘要：
不使用Node.js, npm, webpack 等, 在静态页中使用vue.js. 包括路由, 单文件组件. 1. 创建index.html index.html做为项目的首页, 主要用来定义页面框架, 加载必需的css和script.这里使用element-ui的导航菜单组件搭建了一个页面框架. 阅读全文
摘要：
MVC MVC的思想：一句话描述就是Controller负责将Model的数据用View显示出来，换句话说就是在Controller里面把Model的数据赋值给View，比如在controller中写document.getElementById("box").innerhtml = data[”t 阅读全文
摘要：
路由独立守卫，顾名思义就是这个路由自己的守卫任务，就如同咱们LOL，我们守卫的就是独立一条路，保证我们这条路不要被敌人攻克(当然我们也得打团配合) 在官方定义是这样说的：你可以在路由配置上直接定义 beforeEnter 守卫,这些守卫与全局前置守卫的方法参数是一样的。 const router = 阅读全文
摘要：
为什么提出这个复杂的问题？ 在我们的应用程序中有一个顶栏，其中包含各种按钮、一个搜索栏和其他一些控件。 它显示的内容根据你所在的页面略有差异，因此我们需要一种按页配置它的方法。 为此，我们希望每个页面都能配置顶栏。 看起来很简单，但这里有一个问题：这个顶栏（我们称之为 ActionBar）实际上是主 阅读全文
摘要：
拦截器 Http拦截器就是拦截发出的请求，对其进行统一添加额外处理，然后放行；对响应进行拦截并作出业务上的判断，决定是否给与返回。先看一组常见的业务请求： this.http.post('http://127.0.0.1:8080/api/getList', { header: { token: ' 阅读全文
摘要：
NProgress是一款在网页顶部添加细长进度条的工具，非常轻巧，使用起来也非常便捷，灵感来源于Google, YouTube。 1、安装 $ npm install --save nprogress 或者 $ yarn add nprogress //用法 NProgress.start(); N 阅读全文
摘要：
前言 vue通信手段有很多种，props/emit、vuex、event bus、provide/inject 等。还有一种通信方式，那就是 $attrs 和 $listeners，之前早就听说这两个api，趁着有空来补补。这种方式挺优雅，使用起来也不赖。下面例子都会通过父、子、孙子，三者的关系来说 阅读全文
摘要：
从前的代码书写方式 在 html 文件里使用 script 标签引入各个 JavaScript 文件。 <!-- index.html --> <html> <body> <script src="./header.js"></script> <script src="./content.js">< 阅读全文
摘要：
vue中获取滚动table的可视页面宽度，调整表头与列对齐(每列宽度不都相同) mounted() { // 在mounted中监听表格scroll事件 this.$refs.scrollTable.addEventListener( 'scroll',(event) => { this.adjus 阅读全文
摘要：
vuePress vuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。 由 VuePress 生成的每个页面，都具有相应的预渲染静态 html，它们能提供出色的加载性能，并且对 s 阅读全文