随笔分类 - vue
摘要：vue 16 vuex 1, 介绍 对 vue 进行状态管理的, 集中存储所有组件的所有状态, 解决多个组件共享数据的问题. 即, 所有组件可以拿到同样的状态, 组件间共享数据 2, 在之前进行数据交互, 需要有子父关系 parent: child: 3. vue的状态管理 view (dispat
阅读全文
摘要：vue 15 rem less 在计算手机端页面的时候, 使用rem和less的方式, 可以方便的设置需要的大小等 1, 在index.html中添加rem的script 代码 在head中添加 2, 安装 less 等 3, 在 config/webpack.base.conf.js 中添加 le
阅读全文
摘要：vue 13 swiper 是一个滑动库, 非常丰富的滑动样式, 轮播图等 1, 基本 1.1) 安装 1.2) 全局引用 css 单独引入, 在swiper3 中干掉了, 但反应不好, 所以在swiper4 中又加了回来 1.3) 局部引入 2. 使用 2.1) 静态数据的使用 (使用方式很少)
阅读全文
摘要：1, 官网: http://element.eleme.io/#/zh-CN 2, 安装 i : install, -S --save-dev 的简写 3, 使用 安需饮用的方式 修改 .babelrc 文件 4, 在 main.js中引入需要的组件 5, 使用组件 更多样式去官网查看 6, 轮播图
阅读全文
摘要：1, 新建vue-router 项目 是否创建路由: 是 2, 添加路由列表页 在 component下创建 NavList 页面 3, 添加子页面 index.vue, master.vue, course.vue等, 仅展示 index.vue 4, 在index.js 中导入子页面, 配置路径
阅读全文
摘要：1 原始方式 1), 路由, vue-router 2 简单安装方式, 但先讲原理 2), 引用 在main.js中 3), 注入: 在 vue 中注入: 4), 视图加载位置 在app.vue中 通过 http://localhost:8080/#/hello 的方式访问 2, 但这样使用太乱了,
阅读全文
摘要：1, 安装 2, 在main.js中引入 3, get请求: 页面渲染 4, post 请求: 1), axios 接受的post请求参数的格式 是 form-data 格式 ?name=iwen&passwd=1234 2), x-from-urlencoded: {name: "iwen", p
阅读全文
摘要：1, 全局指令 在main.js中引入 页面中使用 2, 局部执行指令 在需要的js页面中引入 页面中使用
阅读全文
摘要：1, css过度与动画 需要使用 v-if, v-show 来进行 1), 过度类名 v-enter: 进入时触发 v-enter-active: 执行过程中 v-enter-to: 停止时进行 v-leave: 离开时开始时进行的 v-leave:active: 离开执行时 v-leave-to:
阅读全文
摘要：1, webpack是什么 1), 是一个打包工具, 比gulp, grunt更先进 2), 额外功能 项目部署上线, 清空目录等 hot module reload, 页面刷新后, 数据不变化 3), 打包流程 css, js等打包成bundle.js文件 js: babel-loader 来加载
阅读全文
摘要：1, 介绍 vue最强大的功能, 可以扩展html元素, 封装可充用的代码 在较高的层面, 组件是自定义元素, vue的编译器为他添加特殊功能, 在有些情况下, 组件也可以表现为用 ls 特性进行扩展了html元素 所有的vue组件同时也都是vue的实例, 所以可接受相同的选项对象(除了一些根级特有
阅读全文
摘要：1, vue安装 1), 安装vue-cli # -g 等价于 --global 2), 初始化项目, 创建基于webpack的模版 路由: n, Eslink(代码检查): n, test: n, Nighwatch: n 3), 进入项目 4), 安装依赖, 根据package.json安装 5
阅读全文
摘要：1, 绑定html class 1), 直接绑定 2), 多个值可通过对象的方式绑定: 3), 通过computed 绑定: 4) , 数组语法 5), 绑定内联样式
阅读全文
摘要：1, vue优势 虚拟daom, 易用, 灵活, 高效 2, 介绍 渐进式框架 3, 兼容性 es5的星特性, 不支持ie8 4, 新版本内置 webpack
阅读全文
