Tommy_marc

2020年1月3日

摘要：概要 vue 的一个特点是进行组件开发，组件的优势是我们可以封装自己的控件，实现重用，比如我们在平台中封装了自己的附件控件，输入控件等。组件的开发在vue 中一个组件，就是一个独立的.vue 文件，这个文件分为三部分。 1.模板 2.脚本 3.样式我们看一个系统中最常用的组件。 <templa 阅读全文

posted @ 2020-01-03 10:57 Tommy_marc 阅读(271) 评论(0) 推荐(0)

vue开发系列 vue ajax拦截

摘要：概要说明在开发的过程中，我们需要通过AJAX请求，访问后台获取数据，这个获取数据的时候，当然需要后台需要时登陆状态才能访问数据，当没有登陆的情况，这个时候我们需要跳转到登陆界面进行登陆。如果每次请求都要做如下处理，我们的程序逻辑将无比混乱，ajax可以为我们解决这个问题具体实现思路是： 1.发阅读全文

posted @ 2020-01-03 10:39 Tommy_marc 阅读(926) 评论(0) 推荐(0)

vue开发系列(一) vue 开发环境搭建

摘要：概要目前前端开发技术越来越像后台开发了，有一站式的解决方案。 1.JS包的依赖管理像MAVEN。 2.JS代码编译打包。 3.组件式的开发。 vue 是一个前端的一站式的前端解决方案，从项目的初始化，组件的开发，项目编译都提供了完整的开发工具。 vue 和 angular，react 比较的，个人阅读全文

posted @ 2020-01-03 10:25 Tommy_marc 阅读(367) 评论(0) 推荐(0)

vuex状态管理

摘要： VUEX 状态管理 VUEX 是VUE提供的一个状态管理工具，具体他能做什么呢，比如有这样的业务场景：用户在登录后，可以设置他的登录信息。去到用户主页，就可以显示这个用户的登录信息。其实就是用来在不同的组件之间共享信息。我们使用 vue-element-admin 为例，来讲解VUEX的使用。阅读全文

posted @ 2020-01-03 10:04 Tommy_marc 阅读(751) 评论(0) 推荐(0)

2020年1月2日

vue store存储commit 和dispatch的区别

摘要： dispatch：含有异步操作，存储: this.$store.dispatch('setTargetUser',friend); 取值: this.$store.getters.TargetUser commit：同步操作，存储: this.$store.commit('setTargetUs 阅读全文

posted @ 2020-01-02 12:27 Tommy_marc 阅读(3241) 评论(0) 推荐(0)

2019年12月31日

Vuex模块：开启命名空间

摘要：模块开启命名空间后，享有独自的命名空间。 { "模块1":{ state:{}, getters:{}, mutations:{}, actions:{} }, "模块2":{ state:{}, getters:{}, mutations:{}, actions:{} } } mapState、m 阅读全文

posted @ 2019-12-31 13:36 Tommy_marc 阅读(2521) 评论(0) 推荐(0)

vuex状态管理

摘要：状态管理bus //通过在lib 创建bus.js,作为一个bus状态管理模块 import Vue from 'vue' const Bus = new Vue() export default Bus //a.vue <template> <div> <button @click="handle 阅读全文

posted @ 2019-12-31 13:27 Tommy_marc 阅读(224) 评论(0) 推荐(0)

2019年12月30日

vue3.0创建一个项目

摘要：使用vue3.0创建一个项目使用Vue UI创建、管理项目项目结构目录整理初始文件添加基本配置跨域配置环境配置下面尝试用test、preview、production分别表示测试、预览、生产三种环境修改package.json文件如下 "scripts":{ "serve":"vue 阅读全文

posted @ 2019-12-30 16:38 Tommy_marc 阅读(1587) 评论(0) 推荐(0)

opn模块

摘要：前言 opn模块通常是作为跨平台的打开文件或者网站的模块，在web应用中最常见的使用是比如项目开发或者启动的时候打开浏览器进行访问。优点长期维护支持应用参数因为它使用spawn而不是更安全exec 修复了大部分未node-open解决的问题包含Linux 的最新xdg-open脚本模块地阅读全文

posted @ 2019-12-30 15:31 Tommy_marc 阅读(576) 评论(0) 推荐(0)

2019年12月26日

【ES6】map、reduce、filter、sort、箭头函数、class继承、yield

摘要： map var arr = [1,2,3,4,5,6,7,8,9]; var s = arr.map(String); console.info(s) function pow(x){ return x * x; } var results = arr.map(pow); console.info( 阅读全文

posted @ 2019-12-26 03:21 Tommy_marc 阅读(832) 评论(0) 推荐(0)

公告