随笔分类 -  vue

简单配置webpack4 + vue
摘要：1.创建webpack4-vue文件夹 2.初始化npm 3.安装相关依赖 4.在根目录下创建src文件夹，在src文件夹下创建 index.js app.vue 文件 index.js app.vue 5.在根目录下创建webpack.config.js文件 对于vue-loader@15.x版本 阅读全文
posted @ 2019-03-31 20:18 码农1213 阅读(1073) 评论(0) 推荐(0)
jest+vue-test-utils初步实践
摘要：一、起步 1. jest Jest是 Facebook 的一套开源的 JavaScript 测试框架， 它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具，配置较少，对vue框架友好。 2. vue-test-utils Vue Test Utils 是 Vue.js 官方的单元测 阅读全文
posted @ 2019-03-16 17:33 码农1213 阅读(4628) 评论(0) 推荐(0)
vue 用axios实现调用接口下载excel
摘要：了解的方式有两种： 1. 用a标签，href设置为后端提供的excel接口 <a href="excel接口">导出</a> 简单方便，缺点就是当有token校验时，不适合 2. 用axios 把token放在请求的header里边 import axios from 'axios' import 阅读全文
posted @ 2019-03-05 23:08 码农1213 阅读(4430) 评论(0) 推荐(0)
vue render & JSX
摘要：vue在绝大多数使用template是没问题的，但在某些场合下，使用render更适合。 一、render函数 1.createElement 参数 createElement 可接受三个参数 1）{String | Object | Function}，一个 HTML 标签字符串，组件选项对象，或 阅读全文
posted @ 2019-02-16 01:16 码农1213 阅读(622) 评论(0) 推荐(0)
vue-router学习笔记
摘要：一、起步 1.安装 2.使用main.js router.js html 3.$route和$router$route是一条路由，为当前路由跳转对象，可以获取name、path、query、params等$router相当于一个管理者，它来管理路由。可以使用push、go、back、replace等 阅读全文
posted @ 2018-12-29 21:59 码农1213 阅读(224) 评论(0) 推荐(0)
vuex状态管理
摘要：一、安装vuex(npm i vuex)，创建store.js 二、在main.js引入store.js，注册 三、state的用法state.js 1.直接获取store的state 2.在mapState中定义别名 3.从mapSate获取 四、getter 获取计算后的 stategetter 阅读全文
posted @ 2018-12-23 13:43 码农1213 阅读(280) 评论(0) 推荐(0)
vue学习笔记
摘要：vuejs一、class与style1.class 1）大括号 2）对象 3）数组 2.style 1）大括号 2）对象 3）数组 二、组件的传参1.父传给子（props）父组件： 子组件接收： 2.子传给父（emit） 子组件： 父组件接收： 3.祖父组件和孙组件的传参（$attr和$listen 阅读全文
posted @ 2018-11-22 16:37 码农1213 阅读(229) 评论(0) 推荐(0)