
vue
文章平均质量分 50
vue2.0+mint-ui 构建移动端全家桶
胡小方
仅仅活着是不够的,还需要阳光,自由和一点花的芬芳。
展开
-
vue 全家桶(七)vuex 状态管理(实现购物车)
Vuex 解决了多个视图依赖于同一状态和来自不同视图的行为需要变更同一状态的问题,将开发者的精力集中于数据的更新而不是数据在组件之间的传递上。本文以购物车为例,对概念没有过多阐述,建议先浏览官网:https://vuex.vuejs.org/一. 预期效果 - 【页面】商品列表组件、购物车列表组件、商品结算组件 - 【功能】将商品加入购物车,更新购物车列表 - ...原创 2019-01-21 13:41:05 · 2841 阅读 · 6 评论 -
vue 全家桶(六)全局注册过滤器filter和全局注册组件
虽然在main.js中使用 Vue.filter()和Vue.component() 就可以实现全局注册的问题,但是注册全局组件是挂载在Vue对象下,也就是全写在main.js中咯,那会不会多了点,本文主要是提供一个小优雅的方案咯。一. 全局注册过滤器 1. src>assets>js 下创建一个filters.js文件,写下我们全局的过滤器,然后将其抛出。...原创 2018-12-26 16:39:01 · 1416 阅读 · 0 评论 -
vue 全家桶(五)vue-router的使用
没有去过官网的童鞋看过来:https://router.vuejs.org/zh/ ,本文主要写构建的配置以及懒加载的处理。1.安装一般来说,在我们生成项目的时候,已经将vue-router依赖加载进来。如果没有,也可以npm安装的。npm install vue-router 或者使用全局的 script 标签,则不用手动安装了。最后,如果在一个模块化工程中使用它,必须...原创 2018-12-26 16:12:27 · 339 阅读 · 0 评论 -
vue 全家桶(四)引入UI框架Mint-UI
目录一.安装Mint-UI二.引入Mint-UImint-ui 是有饿了么前端团队推出的基于Vue.js的移动端组件库。一.安装Mint-UI推荐使用npm的方式安装,它能更好地和webpack打包工具配合使用。npm i mint-ui -S二.引入Mint-UI1.完全引入这是一种全局引入的方式,引入后在具体的页面或者组件内不需要再进行其他的引入,但是...原创 2018-12-26 15:37:36 · 1045 阅读 · 0 评论 -
vue 全家桶(三)Axios的简单封装
目录一.什么是axios二.axios的作用三.封装与使用 一.什么是axios axios是基于promise(诺言)用于浏览器和node.js是http客户端。二.axios的作用 axios主要是用于向后台发起请求的,还有在请求中做更多的可控功能。 特征:支持浏览器和node.js 支持promi...原创 2018-12-26 15:07:43 · 840 阅读 · 0 评论 -
vue全家桶(二)vue-cli增加测试环境
1.添加测试环境的配置testBuild修改config/index.js文件,创建testBuild对象,内容和build对象基本一样,只是将打包后的文件夹改为dist-test testBuild: { // Template for index.html index: path.resolve(__dirname, '../dist-test/index.html'),...原创 2018-12-19 17:14:32 · 632 阅读 · 0 评论 -
vue全家桶(一) 使用 vue-cli 构建项目
一.安装node.js进入node.js官网 https://nodejs.org/en/download/ ,选择对应安装包,版本建议8.0以上。node.js安装完了,npm也就安装完了。键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,输入node -v 和 npm -v分别查看对应的版本号,如图所示,显示出对应的版本号后就表示已经下载安装完成。二.安...原创 2018-12-19 11:47:11 · 347 阅读 · 0 评论