随笔分类 -  Vue

Vue的生命周期
摘要：什么是生命周期 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。 再上图，对生命周期图的标注 每个钩子函数都在啥时间触发 beforeCreate created 阅读全文
posted @ 2018-06-10 00:19 mino1996 阅读(167) 评论(0) 推荐(0)
axios的详细用法以及后端接口代理
摘要：安装 使用 npm: 或者 使用 bower: 或者直接使用 cdn: main.js设置如下 引入axios 挂载到vue的原型 在webpack.config.js（config—>index.js）文件里设置代理 注意 新版文件会有修改 执行 GET 请求 执行 POST 请求 执行多个并发请 阅读全文
posted @ 2018-06-09 18:29 mino1996 阅读(807) 评论(0) 推荐(0)
用Vue来实现购物车功能（二）
摘要：这个小demo具有添加商品进购物车 、增加购物车内商品的数量、减少购物车内商品的数量、计算一类商品的总价、以及计算所有商品的总价 首先看目录结构 因为我们的Tab.vue Car.vue 以及Carinfo.vue中的数据有关联 所以用到了vuex 在store文件夹下的index.js中``` 在 阅读全文
posted @ 2018-06-07 16:44 mino1996 阅读(591) 评论(0) 推荐(0)
用vuex实现购物车功能
摘要：效果图 展示目录结构 product组件（纯静态代码） cart组件（纯静态代码） info组件（纯静态代码） 完成以上的三个组件，现在要开始调用这些组件，在App.vue中调用 如果你的姿势正确的话，会出现这个画面 解释这里为什么要分开组件的编写，vuex是就是存储的数据的中心的，每个组件都是拿到 阅读全文
posted @ 2018-06-06 23:58 mino1996 阅读(7194) 评论(1) 推荐(0)
Vue引入Jquery和Bootstrap
摘要：一、引入jquery包 npm i jquery 二、配置jquery 在webpack.base.conf.js中加载juery插件 所以要配置该文件 三、引入Bootstrap npm i bootstrap 四、配置Bootstrap 五、在main.js中引入 阅读全文
posted @ 2018-06-06 19:26 mino1996 阅读(158) 评论(0) 推荐(0)
Vue创建局部组件
摘要：<!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 @ 2018-05-30 00:44 mino1996 阅读(204) 评论(0) 推荐(0)
Vue创建全局组件
摘要：<!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 @ 2018-05-30 00:42 mino1996 阅读(154) 评论(0) 推荐(0)
Vue的父子组件通信（转载）
摘要：Vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此就不做赘述，本篇文章主要来探讨一下Vue子父组件通信的问题 环境搭建步骤： 打开git ，运行 npm install --global vue-cli 这是安装vue的命令行 vue init webpack vue-demo 这是vue基 阅读全文
posted @ 2018-05-30 00:32 mino1996 阅读(164) 评论(0) 推荐(0)