摘要: 1, css过度与动画 需要使用 v-if, v-show 来进行 1), 过度类名 v-enter: 进入时触发 v-enter-active: 执行过程中 v-enter-to: 停止时进行 v-leave: 离开时开始时进行的 v-leave:active: 离开执行时 v-leave-to: 阅读全文
posted @ 2018-10-06 19:05 bronk 阅读(565) 评论(0) 推荐(0) 编辑
摘要: 1, webpack是什么 1), 是一个打包工具, 比gulp, grunt更先进 2), 额外功能 项目部署上线, 清空目录等 hot module reload, 页面刷新后, 数据不变化 3), 打包流程 css, js等打包成bundle.js文件 js: babel-loader 来加载 阅读全文
posted @ 2018-10-06 19:05 bronk 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 1, 介绍 vue最强大的功能, 可以扩展html元素, 封装可充用的代码 在较高的层面, 组件是自定义元素, vue的编译器为他添加特殊功能, 在有些情况下, 组件也可以表现为用 ls 特性进行扩展了html元素 所有的vue组件同时也都是vue的实例, 所以可接受相同的选项对象(除了一些根级特有 阅读全文
posted @ 2018-10-06 19:04 bronk 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 1, vue安装 1), 安装vue-cli # -g 等价于 --global 2), 初始化项目, 创建基于webpack的模版 路由: n, Eslink(代码检查): n, test: n, Nighwatch: n 3), 进入项目 4), 安装依赖, 根据package.json安装 5 阅读全文
posted @ 2018-10-06 18:53 bronk 阅读(1787) 评论(0) 推荐(0) 编辑
摘要: 1, 绑定html class 1), 直接绑定 2), 多个值可通过对象的方式绑定: 3), 通过computed 绑定: 4) , 数组语法 5), 绑定内联样式 阅读全文
posted @ 2018-10-06 18:53 bronk 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 1, vue优势 虚拟daom, 易用, 灵活, 高效 2, 介绍 渐进式框架 3, 兼容性 es5的星特性, 不支持ie8 4, 新版本内置 webpack 阅读全文
posted @ 2018-10-06 18:52 bronk 阅读(172) 评论(0) 推荐(0) 编辑