小白咚 - 博客园

2019年10月8日

摘要： //2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true; //2.4设置post提交表单时的json格式 Vue.http.options.emulateJSON = true; 阅读全文

posted @ 2019-10-08 10:33 小白咚阅读(370) 评论(0) 推荐(0)

横向的两边对齐--从而让元素左右贴边

摘要： .mui-ellipsis{ display: flex; justify-content: space-between; } ## 绘制新闻资讯页面的效果 + 使用mui中的media-list.html + 使用 `display: flex;`实现了弹性盒模型布局，从而让元素左右贴边；`ju 阅读全文

posted @ 2019-10-08 08:43 小白咚阅读(1528) 评论(0) 推荐(0)

2019年10月7日

Mockjs ---封装简化

摘要： mock--index.js 只向外暴露这一个文件 mock--extends.js 扩展文件--自己分装的数据 mock--goods.js 商品模块然而main.js 不用变直接导入的index.js 阅读全文

posted @ 2019-10-07 11:12 小白咚阅读(1767) 评论(0) 推荐(0)

Mockjs---自定义静态数据---Vue ui视图化的创建项目的笔记

摘要： 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 小白咚阅读(1079) 评论(0) 推荐(0)

2019年10月5日

Vue----axios拦截器的使用

摘要： 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 小白咚阅读(890) 评论(0) 推荐(0)

vue---axios的封装

摘要：引用、建议　引用 promise异步操作其实这里的调用阅读全文

posted @ 2019-10-05 21:06 小白咚阅读(335) 评论(0) 推荐(0)

Vue--axios基本使用

摘要： //安装axios npm install axios --save //导入 import axios from 'axios' axios({ url: '接口地址',//可拼接 ?参数&参数2 method: 'get', params: { 参数 } params: { 参数 } param 阅读全文

posted @ 2019-10-05 17:03 小白咚阅读(372) 评论(0) 推荐(0)

vuex---actions做异步操作的属性

摘要： //在这里做异步逻辑操作，类似于mutations,但是不能在mutations 里做异步，工具监听不到 actions: { aupdateinfo(context，payload){ context.commit('调用mutations 中的方法') } }, //在这里做异步逻辑操作，类似于阅读全文

posted @ 2019-10-05 15:55 小白咚阅读(1355) 评论(0) 推荐(0)

Vuex--mutations属性--方法，---响应式添加 vue.set(对象，属性)删除vue.delete数据

摘要： //方法 mutations: { //加上一个动态传参 incrementCount(state, count) { state.counter += count } }, 界面传参 methods: { addCount(count) { this.$store.commit('incremen 阅读全文

posted @ 2019-10-05 11:42 小白咚阅读(2163) 评论(0) 推荐(0)

Vuex--getters属性的使用

摘要：过滤器函数使用户的案例 //单一状态数 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 小白咚阅读(1739) 评论(0) 推荐(0)

2019年10月4日

Vue--vuex状态管理-多界面状态管理$store.state.变量名称 ---数据通触发事件改变this.$store.commit

摘要： 1.作用需求：多个状态，在多个界面的共享问题比如：用户的登录状态，用户名称，头像，地理位置信息等等比如:商品的收藏，这些状态信息，我们都可以放在同一的地方，对他进行保存和管理，而且他们还是响应式的。 2.不同于父子组件之间的传递，应用于没有直接的关系。使用步骤：一，Vuex是一个插件下载阅读全文

posted @ 2019-10-04 21:22 小白咚阅读(6400) 评论(0) 推荐(0)

Vue- Promise函数---参数resolve(调用.then方法)-- 参数reject(调用.catch方法)---链式结构

摘要：结构：简便写法二 .then(函数一，函数二) 链式案例此外，promise还有同时处理几个或多个请求 Promise.all() 这个用于：需求：需要同时获取两个或多个数据，之后才能下一步用于判断是否接受到了或者叫判断执行完成了这两个或多个请求阅读全文

posted @ 2019-10-04 16:47 小白咚阅读(22720) 评论(0) 推荐(0)

2019年10月2日

Vue--nrm切换下包用的地址

摘要： ## `nrm`的安装使用作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址；什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的阅读全文

posted @ 2019-10-02 19:49 小白咚阅读(431) 评论(3) 推荐(0)

Vue--computed计算属性监听数据变化----与watch,methods对比

摘要： Document + + = {{ fullname }} {{ fullname }} {{ fullname }} 阅读全文

posted @ 2019-10-02 17:21 小白咚阅读(2698) 评论(0) 推荐(0)

Vue--watch控制监听路由地址-组件的变化----'$route.path': function (newVal, oldVal)

摘要： <!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 小白咚阅读(8076) 评论(0) 推荐(0)