摘要: 先前看到网上不少大神写的demo,其菜单栏主要以 A,B,C,D等字母为主,即A,B,C,D等字母为对应该项携带的 id(id不能为汉字或纯数字)。而笔者现在写的项目菜单栏为汉字,所以需要改变数据格式,进而需要改变 wxml 中的循环嵌套和获取。以下为成型后效果,希望对读者有帮助。 左右联动.gif 阅读全文
posted @ 2018-06-28 16:49 大橙! 阅读(798) 评论(0) 推荐(0) 编辑
摘要: Vue.js最佳实践(五招让你成为Vue.js大师) 对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.js大师,那下面我要传授的这五招你一定得认真学习一下了。 第一招:化繁为简的Watchers 场景还原: creat 阅读全文
posted @ 2018-05-08 21:39 大橙! 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 先创建项目并运行 vue init webpack-simple template cd template npm i npm run dev 一、子组件访问父组件的数据 方式一 :子组件直接访问父组件的数据 父组件在调用子组件时,绑定想要获取的父组件中的数据 在子组件内部,使用 props 选项声 阅读全文
posted @ 2018-04-23 21:09 大橙! 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 自制vuex LOGO 前两篇讲解了一下 Vuex 的基本使用方法,可是在实际项目中那么写肯定是不合理的,如果组件太多,不可能把所有组件的数据都放到一个 store.js 中的,所以就需要模块化的组织 Vuex,首先看一下 项目结构。 项目结构 一、首先执行以下命令: vue init webpac 阅读全文
posted @ 2018-04-10 21:05 大橙! 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 使用 Vue 写项目肯定会遇到一个问题,如何模拟服务端请求数据,那这就需要用到 node.js 了。这篇我们讲解一下如何使用 node.js 模拟服务器端请求数据。 vue init webpack-simple node-democd node-demonpm icnpm i vuex axios 阅读全文
posted @ 2018-04-06 21:46 大橙! 阅读(2691) 评论(0) 推荐(0) 编辑
摘要: 用 Vue 绑定单个或多个 Class 名 在 vue 中绑定单个 class 名还好说,直接写就可以了 用 Vue 绑定单个Class 名 用 Vue 绑定单个Class 名 比如我们想再给这个 div 加个阴影 在 style 中写好样式 在 data 中继续添加数据对象 在标签中以数组的形式绑 阅读全文
posted @ 2018-03-29 20:47 大橙! 阅读(8455) 评论(0) 推荐(1) 编辑
摘要: 自制vuex LOGO 前两篇讲解了一下 Vuex 的基本使用方法,可是在实际项目中那么写肯定是不合理的,如果组件太多,不可能把所有组件的数据都放到一个 store.js 中的,所以就需要模块化的组织 Vuex,首先看一下 项目结构。 项目结构 一、首先执行以下命令: vue init webpac 阅读全文
posted @ 2018-03-21 19:21 大橙! 阅读(467) 评论(0) 推荐(0) 编辑
摘要: NO.02 Vue提升 NO.02 Vue提升 如果本篇有看不明白的地方,请移步上一篇:Vuex 入门 如果本篇有看不明白的地方,请移步上一篇:Vuex 入门 如果本篇有看不明白的地方,请移步上一篇:Vuex 入门 如果本篇有看不明白的地方,请移步上一篇:Vuex 入门 如果本篇有看不明白的地方,请 阅读全文
posted @ 2018-03-12 20:06 大橙! 阅读(618) 评论(0) 推荐(0) 编辑
摘要: Vuex的定义 官方给出的解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 自制vuex LOGO 相信很多新选手看完这段话有种绝望的感觉。开始我也是这样的,后来我想到了一个比方! 比如 阅读全文
posted @ 2018-03-05 21:36 大橙! 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 关于Vue.use()详解 问题 相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐? 答案 因为 axios 没 阅读全文
posted @ 2018-03-01 21:53 大橙! 阅读(646) 评论(0) 推荐(0) 编辑