2020年03月_两人走

原创 Axios封装

Axios封装封装network下的request.jsimport axios from 'axios'export function request(config) { const instance = axios.create({ baseURL:'http://123.207.32.31:8000', timeout: 5000 }); return...

2020-03-09 08:20:06 91

原创 vuex和devtools

Vuex简介官方解释:Vuex是一个专门为Vue.js应用程序开发的状态管理模式1.它采用集中式储存管理应用的所以组件的状态,并且相应的规则保证状态以一种可预测的方式发生变化2.Vuex也集成到Vue的官方调试工具devtools extension,提供了诸如零配置的time-travel调试,状态快照导入导出等高级调试功能.应用场景1.在大型的项目中,遇到的多个状态,在多个界面间得...

2020-03-08 14:59:46 880

原创 vue-父子组件通信

vue-父子组件间的数据传递父传子props的使用1.父组j件定义数据2.子组件定义props,具体的做法一般是例如:props:{msg:{type:String,default:‘默认数据’}…};3.父组件使用子组件把数据传递过去,通过v-bind;具体用法:<!DOCTYPE html><html lang="en"><head> ...

2020-03-08 09:37:45 89

原创 vue-Promise的all方法

vue-Promise简介1.promise是异步编程的一种解决方案2.什么情况下会来处理异步事件?1>一种很常见的场景就是网络请求2>我们封装网络请求的函数,因为不能立即拿到结果,所以不能简单的像3+4=7一样直接返回结果3>所以我们往往传入一个函数,在数据请求成功时,将数据从回调函数中拿出来4>如果只是简单的网络请求,那么这种方案不会给我们带来很大的麻烦...

2020-03-07 15:22:36 7588

文章目录Cookie应用场景为什么要有这个CookieCookie怎么用添加Cookie给客户端获取客户端带过来的Cookie清除Cookie其他常用方法Cookie示例实现记住密码功能主要实现代码前端登录页后台处理代码Cookie总结Session常用APISession创建和销毁创建获取Session销毁移除Session中的元素总结：Cookie基本用法：什么时候有cookieCookie...

2020-03-06 20:06:31 704

原创 (cheer you up)vue-router重点来袭

vue:Router路由认识路由简单认识1.网络工程中的术语2.路由(维基百科):就是通过互联网把信息从源地址传输到目的地址的活动.后端路由后端处理url和页面之间的映射关系.把数据返回到前端.然后进行渲染.本人后端开发工程师不在解释.前端路由前后端分离技术ajax阶段:后端只提供数据支持,不进行数据的渲染.前端发起ajax异步请求,然后请求后台的数据,然后再通过js进行dom...

2020-03-06 18:29:30 605

原创 vue-cli脚手架3创建项目

vue脚手架3创建项目1.创建项目vue create myproject_name2.选择配置方式Vue CLI v4.2.3? Please pick a preset: (Use arrow keys)> default (babel, eslint) Manually select features一般选第二个自定义的3.选择配置项(选中点空格)? Ple...

2020-03-05 13:28:10 1059

原创 vue:Runtime-only和Runtime-compiler的区别

vue:Runtime-only和Runtime-compiler的区别主要的区别在main.jsRuntime-compiler的main.js// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf...

2020-03-05 10:56:56 310

原创 vue脚手架创建项目细节及问题

Vue-Cli 细节及问题使用脚手架创建项目1.创建项目vue init webpack 项目名称2.project nameProject name(VueLession04) vuelession043.项目描述Project description(A. Vue.js project) vuelession044.作者,回车Author(wkj <1547788...

2020-03-05 07:11:54 266

原创 vue-cli脚手架2搭建

vue脚手架vue-cli简介1>简单的写几个Demo程序就不需要Vue-Cli2>开发大型项目,那么你需要,并且必然需要使用vue-cli a.vue.js开发大型项目需要使用,我们需要考录代码的目录结构,项目的结构和部署,热加载,代码单元测试, b.如果手动配置来完成,效率太低,所以借助脚手架帮我们完成这些工作3>cli含义: a.Conmand-line...

2020-03-04 15:09:46 219

原创 vue配置文件分离

vue配置文件分离1.安装插件webpack-mergenpm install --save-dev webpack-merge2.创建要分离出的配置信息文件比如:共有的base.config.js注意:path路径const path = require('path');module.exports = { entry: './src/main.js', outpu...

2020-03-04 12:46:34 521

原创 vue-webpack搭建本地服务器

vue搭建本地服务器1.安装webpack-dev-servernpm install webpack-dev-server@版本号2.配置webpack.json.jsmodule.exports = { ... devServer:{ contentBase: './dist', inline: true, port: ...

2020-03-04 11:48:04 228

原创使用vue配置过程

使用Vue配置过程最终的目的是能在src文件下使用.vue文件开发项目安装vue有三种方式:方式1.npm install vue --save方式二:CDN直接应用方式三:直接下载应用问题:解决Runtime-only和Runtime-compiler:Runtime-only:代码中不可以有任何得tenplateRuntime-compiler:代码中可以有templ...

2020-03-02 14:55:01 213

原创 vue--es6转es5打包

Vue–Es6转Es5核心部署:babel-loader部署过程:首先是加载Es5npm install --save-dev babel-loader@7 babel-core babel-preset-es2015然后是配置webpack.config.jsconst path = require('path');module.exports = { entry: '...

2020-03-02 11:31:50 6062

原创 vue文件管理

vue图片管理图片加载1.加载url-loadernpm install --save-dev url-loader2.配置webpack.config.jsmodule.exports = { module: { rules: [ { test: /\.(png|jpg|gif)$/, use: [ { ...

2020-03-01 21:27:57 3065

weixin_43862280的博客

转载 [快活吧]docker插件的自动化部署项目