随笔分类 -  Vue学习

摘要://2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true; //2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true; 阅读全文
posted @ 2019-10-08 10:33 小白咚 阅读(357) 评论(0) 推荐(0) 编辑
摘要:mock--index.js 只向外暴露这一个文件 mock--extends.js 扩展文件--自己分装的数据 mock--goods.js 商品模块 然而main.js 不用变 直接导入的index.js 阅读全文
posted @ 2019-10-07 11:12 小白咚 阅读(1741) 评论(0) 推荐(0) 编辑
摘要:mock前端静态数据--资料1.使用vue ui 视图化工具 创建vue 项目2.点击vue 项目管理器3.项目名称vue_mock 包管理器:建议使用npm 因为yarn适合在react中使用 4.初始化git仓库 打开-- init project5.功能--打开babel linter 使用配 阅读全文
posted @ 2019-10-07 10:54 小白咚 阅读(1056) 评论(0) 推荐(0) 编辑
摘要:import axios from 'axios' export function request(config){ return new Promise((resolve, reject) => { //1.创建实例--配置 const instance = axios.create({ baseURL: '地址', timeout: 5000 }) //2.axi... 阅读全文
posted @ 2019-10-05 21:45 小白咚 阅读(882) 评论(0) 推荐(0) 编辑
摘要:引用、 建议 引用 promise异步操作 其实这里的 调用 阅读全文
posted @ 2019-10-05 21:06 小白咚 阅读(328) 评论(0) 推荐(0) 编辑
摘要://安装axios npm install axios --save //导入 import axios from 'axios' axios({ url: '接口地址',//可拼接 ?参数&参数2 method: 'get', params: { 参数 } params: { 参数 } param 阅读全文
posted @ 2019-10-05 17:03 小白咚 阅读(363) 评论(0) 推荐(0) 编辑
摘要://在这里做异步逻辑操作,类似于mutations,但是不能在mutations 里做异步,工具监听不到 actions: { aupdateinfo(context,payload){ context.commit('调用mutations 中的方法') } }, //在这里做异步逻辑操作,类似于 阅读全文
posted @ 2019-10-05 15:55 小白咚 阅读(1347) 评论(0) 推荐(0) 编辑
摘要://方法 mutations: { //加上一个动态传参 incrementCount(state, count) { state.counter += count } }, 界面传参 methods: { addCount(count) { this.$store.commit('incremen 阅读全文
posted @ 2019-10-05 11:42 小白咚 阅读(2153) 评论(0) 推荐(0) 编辑
摘要:过滤器函数使用户的案例 //单一状态数 state: { //是一个数组对象 students: [ {id: 10, name: 'ha', age: 18}, {id: 10, name: 'ha', age: 18}, {id: 10, name: 'ha', age: 18}, ] }, 计 阅读全文
posted @ 2019-10-05 10:46 小白咚 阅读(1729) 评论(0) 推荐(0) 编辑
摘要:1.作用需求:多个状态,在多个界面的共享问题 比如:用户的登录状态,用户名称,头像,地理位置信息等等 比如:商品的收藏, 这些状态信息,我们都可以放在同一的地方,对他进行保存和管理,而且他们还是响应式的。 2.不同于父子组件之间的传递,应用于没有直接的关系。 使用步骤: 一,Vuex是一个插件 下载 阅读全文
posted @ 2019-10-04 21:22 小白咚 阅读(6361) 评论(0) 推荐(0) 编辑
摘要:结构: 简便写法二 .then(函数一,函数二) 链式案例 此外,promise还有同时处理几个或多个请求 Promise.all() 这个用于:需求:需要同时获取两个或多个数据,之后才能下一步 用于判断是否接受到了或者叫判断执行完成了这两个或多个请求 阅读全文
posted @ 2019-10-04 16:47 小白咚 阅读(22588) 评论(0) 推荐(0) 编辑
摘要:## `nrm`的安装使用 作用:提供了一些最常用的NPM包镜像地址,能够让我们快速的切换安装包时候的服务器地址; 什么是镜像:原来包刚一开始是只存在于国外的NPM服务器,但是由于网络原因,经常访问不到,这时候,我们可以在国内,创建一个和官网完全一样的NPM服务器,只不过,数据都是从人家那里拿过来的 阅读全文
posted @ 2019-10-02 19:49 小白咚 阅读(410) 评论(3) 推荐(0) 编辑
摘要:Document + + = {{ fullname }} {{ fullname }} {{ fullname }} 阅读全文
posted @ 2019-10-02 17:21 小白咚 阅读(2682) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-10-02 17:07 小白咚 阅读(8064) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-10-02 17:03 小白咚 阅读(2052) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-10-02 16:32 小白咚 阅读(4580) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-10-02 16:17 小白咚 阅读(976) 评论(0) 推荐(0) 编辑
摘要:方式2 阅读全文
posted @ 2019-10-02 15:54 小白咚 阅读(3052) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-10-02 11:11 小白咚 阅读(611) 评论(0) 推荐(0) 编辑
摘要:Document 哈哈哈, 今天天气太好了!!! 阅读全文
posted @ 2019-10-02 10:46 小白咚 阅读(33847) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示