孙同学你好

2020年7月2日

使用Vue2.6提供的新API Vue.observable手动打造一个Vuex

摘要：创建 store import Vue from 'vue' // 通过Vue.observable创建一个可响应的对象 export const store = Vue.observable({ userInfo: {}, roleIds: [] }) // 定义 mutations, 修改属性阅读全文

posted @ 2020-07-02 12:00 孙同学你好阅读(220) 评论(0) 推荐(0)

监听生命周期函数

摘要： 1.内部监听生命周期函数 export default { mounted() { this.chart = echarts.init(this.$el) // 请求数据，赋值数据等等一系列操作... // 监听窗口发生变化，resize组件 window.addEventListener('re 阅读全文

posted @ 2020-07-02 10:40 孙同学你好阅读(286) 评论(0) 推荐(0)

2020年6月29日

webworker使用（单独开启新线程异步处理数据）

摘要：基本用法创建work.js脚本文件 ,在新线程上执行异步逻辑例如 self.onmessage=function(a){ //接收消息数据 console.log(a.data) } var i=0; function timedCount() { i=i+1; self.postMessage 阅读全文

posted @ 2020-06-29 11:41 孙同学你好阅读(774) 评论(0) 推荐(0)

2020年6月28日

vue-worker的使用

摘要：介绍：改插件将复杂的worker进行了一次的封装，暴露出几个方法简单好用（单独开启一个线程异步处理数据） // 安装插件 npm install vue-worker --save // 在main.js引入使用 import VueWorker from 'vue-worker' Vue.use( 阅读全文

posted @ 2020-06-28 09:54 孙同学你好阅读(3767) 评论(0) 推荐(0)

vue后台管理系统权限(动态加载路由方式)

摘要：权限问题：用户和管理员进入管理系统看到的模块是不一样的，管理员看的的要比用户看到的多。需要用到动态加载路由，router.addRouters()来动态的挂载路由 // 1.先登录将获取到的用户的token存储起来 // store/index.js // 封装的api接口方法 import { g 阅读全文

posted @ 2020-06-28 09:32 孙同学你好阅读(5401) 评论(0) 推荐(1)

2020年6月24日

怎么理解vue中$listeners属性？

摘要：首先，$listeners是什么？假设有父组件Parent和子组件Child // Parent <template> ... <child v-on:event-one="methodOne" v-on:event-two="methodTwo" /> ... </template> 那么你在使阅读全文

posted @ 2020-06-24 13:54 孙同学你好阅读(151) 评论(0) 推荐(0)

2020年6月23日

vue路由传参

摘要：路由传参 1. params: 2. query: Params和query区别追问：指定跳转方式能不能交换，如：params传参指定path，query传参指定name 答案： params只能用name，query既可以指定name，也可以指定path <router-link :to='{ 阅读全文

posted @ 2020-06-23 18:01 孙同学你好阅读(62) 评论(0) 推荐(0)

利用mockjs提供模拟数据

摘要： 1) Mockjs: 用来拦截ajax请求, 生成随机数据返回 2) 学习 http://mockjs.com/ https://github.com/nuysoft/Mock 3) 下载: npm install mockjs --save 4) 使用(mock/mockServer.js) im 阅读全文

posted @ 2020-06-23 17:59 孙同学你好阅读(70) 评论(0) 推荐(0)

组件间通信: 消息订阅与发布(pubsub-js库)

摘要：用此种方式需要用到一个工具库: PubSubJS npm install pubsub-js --save这种方法传递数据非常简单，只需三步 1.在组件中引入 import Pubsub from 'pubsub-js' 2.订阅 mounted() { /** * 订阅 */ // 绑定一个事件名阅读全文

posted @ 2020-06-23 17:57 孙同学你好阅读(128) 评论(0) 推荐(0)

eslint

摘要： 2.3.1说明 1) ESLint是一个代码规范检查工具 2) 它定义了很多特定的规则, 一旦你的代码违背了某一规则, eslint会作出非常有用的提示 3) 官网: http://eslint.org/ 4) 基本已替代以前的JSLint 2.3.2. ESLint提供以下支持 1) ES 2) 阅读全文

posted @ 2020-06-23 17:55 孙同学你好阅读(158) 评论(0) 推荐(0)

公告