随笔分类 - Vue.js
摘要：1.vue create xx 2.选择jest . 3.执行npm run test:unit 结果： 4.快照测试： import { shallowMount } from '@vue/test-utils' import HelloWorld from '@/components/Hello
阅读全文
摘要：报错原因 使用table时由于columns数据太多，所以将columns中的数据拆分到一个单独的常量js文件中，又因为需要使用customRender，里面有<a-tag>之类的标签，需要使用jsx进行渲染，因此报错 解决方法 地址：https://github.com/vueComponent/
阅读全文
摘要：前言: webpack中的require解析 首先明确一点，在项目中的webpack.config.js等项目配置文件中使用的require属于nodejs范畴，而进入index.js后，加载的组件中的require都属于webpack的解析范畴。 webpack中require的用法： let u
阅读全文
摘要：前言从vue-cli3.0 版本开始，取消了 build 和 config 文件夹，webpack相关的配置被隐藏了起来。要对 webpack 做个性化配置，需要在根目录创建vue.config.js 文件进行配置覆盖。但是我们怎么知道 vue-cli 内置了什么样的配置呢？vue-cli 官方提供
阅读全文
摘要：Vue插件，用于从Vue上下文中使用本地Storage，会话Storage和内存Storage 1. 安装 NPM npm install vue-ls --save YARN yarn add vue-ls 2. 使用 import Storage from 'vue-ls'; options =
阅读全文
摘要：代码： <template> <a-table bordered :columns="columns" :components="components" :data-source="data" :row-selection="{ selectedRowKeys: selectedRowKeys, o
阅读全文
摘要：html 一般网页上传文件大家都会用到这个标签 <input type="file" id="file_input"/> 我们可以通过这个标签选取文件，使用js进行文件上传等操作，同时，该标签同时可以选取多个文件： <input id="upload_file" type="file" multip
阅读全文
摘要：vue现在使用非常广泛，对于一些公用的功能我们通常也会封装成组件，同时还有各类的UI组件库给我们开发提供了便利。 为什么要封装成组件 能够把页面抽象成多个相对独立的模块 实现代码重用，提高开发效率和代码质量，使得代码易于维护 为什么要讲基于第三方UI库封装组件 这段时间经手了几个项目，都是后台管理系
阅读全文
摘要：Vue 3.0 项目初始化 第一步，安装 vue-cli： npm install -g @vue/cli 安装成功后，我们即可使用 vue 命令，测试方法： $ vue -V @vue/cli 4.3.1 第二步，初始化 vue 项目： vue create vue-next-test 输入命令后
阅读全文
摘要：with的语法结构为： with(object) { /* 语句 */ } with主要是用来对对象取值的， 如下 所示： with(obj) { var newa = a; var newb = b; console.log(newa+newb); } 该语句 等价于： var newa = ob
阅读全文
摘要：创建一个request.js用于封装axios，在 src/api/request，设置拦截器统一处理请求和相应。，然后在api文件夹中引入request.js后再使用封装后的方法进行请求。 封装 axios： request.js： import axios from 'axios' import
阅读全文
摘要：背景：因为axios中只能使用get和post方法来进行请求数据，没有提供jsonp等方法进行跨域访问数据 axios中文网址：https://www.kancloud.cn/yunye/axios/234845 // axios 中的GET请求 axios.get('/user', { param
阅读全文
摘要：一、是什么 Server-Side Rendering 我们称其为SSR，意为服务端渲染 指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程 先来看看Web3个阶段的发展史： 传统服务端渲染SSR 单页面应用SPA 服务端渲染SSR
阅读全文
摘要：Vue 实例 首先，我觉得这个问题要先从 Vue 的实例开始讲起。Vue 的实例一般都是长成下面这个样子，不同的只是 id 名的不同。 <div id="app"></div> var vm = new Vue({ el: '#app', data: {}, methods: {} ... }) 这
阅读全文
摘要：碰到是否有template选项时，会询问是否要对template进行编译： 在template编译（渲染成UI）有一个过程。模板通过编译生成AST，再由AST生成Vue的渲染函数，渲染函数结合数据生成Virtual DOM树，对Virtual DOM进行diff和patch后生成新的UI。将上图细化
阅读全文
摘要：现在的流行框架，无论React还是Vue，都采用虚拟DOM。 好处就是，当我们数据变化时，无需像Backbone那样整体重新渲染，而是局部刷新变化部分，如下组件模版： <ul class="list"> <li>item1</li> <li>item2</li> </ul> 当页面中item2变为i
阅读全文
摘要：1. Mustache 概述 Mustache是基于JavaScript实现的模版引擎，类似于JQuery Template，但是这个模版更加的轻量级，语法更加的简单易用，很容易上手。 2. Mustache 具体的使用 下面就具体讲一下Mustache的使用。在开始讲之前，需要先从git hub上
阅读全文
摘要：单页Web应用（single page web application，SPA）： SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScri
阅读全文
摘要：1.前言 在官方 axios 中，还提供了 axios.all和axios.spread 这两个方法，这两个方法主要是为了执行多个并发请求，官方文档中，它们的用法示例如下： function getUserAccount() { return axios.get('/user/12345'); }
阅读全文
摘要：vue自2.0开始，vue-resource不再作为官方推荐的ajax方案，转而推荐使用axios。 按照作者的原话来说： “Ajax 本身跟 Vue 并没有什么需要特别整合的地方，使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果，vue-reso
阅读全文
