随笔分类 -  前端-Vuejs2

摘要:vue全家桶实现豆瓣电影wap端 阅读全文
posted @ 2017-04-25 16:03 Jesonhu 阅读(168) 评论(0) 推荐(0)
摘要:https://segmentfault.com/a/1190000008879966 1 声明周期图示 2 过渡 阅读全文
posted @ 2017-04-24 00:10 Jesonhu 阅读(162) 评论(0) 推荐(0)
摘要:http://www.jianshu.com/p/ccd53488a61b 阅读全文
posted @ 2017-04-22 14:35 Jesonhu 阅读(178) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/wisewrong/p/6402183.html 1 当前项目安装axios 2 import axios from 'axios'; 阅读全文
posted @ 2017-04-14 20:50 Jesonhu 阅读(3720) 评论(1) 推荐(0)
摘要:1 address.html 2 address.js 3 效果展示 4 总结 4.1 默认显示指定条数的v-for列表循环 1:循环的时候就通过使用过滤器控制显示的条数 2:点击"more"时让控制条数的变量等于数组总长度 4.2 点击的某个循环列表指定样式 .xxx 1: 先定义一个变量 cur 阅读全文
posted @ 2017-04-04 19:26 Jesonhu 阅读(335) 评论(0) 推荐(0)
摘要:1 index.html 2 cart.js 3 自己理解 阅读全文
posted @ 2017-04-04 00:24 Jesonhu 阅读(322) 评论(0) 推荐(0)
摘要:1 index.html 2 cart.js 3 效果显示 4 遇到的坑即注意事项 4.1 Vuejs2 开始图片路径推荐使用 v-bind方式,之前用法<img src="{{item.productImage}}"> 对此变动的理解:浏览器在渲染过程中当img标签已经被渲染出来的时候,如果此时v 阅读全文
posted @ 2017-04-03 11:27 Jesonhu 阅读(848) 评论(0) 推荐(0)
摘要:0--项目说明 说明此项目源自某课网购物车教程,但是在开发过程中,发现在开发过程中用的还是 vue-resource(宣布不更新的类$.ajx()插件),为了以后的发展使用axios.js,详情参考 1 初始静态页面 2 cart.js 3 测试是否获取数据 获取成功 3.1 接下来故意将axios 阅读全文
posted @ 2017-04-03 00:18 Jesonhu 阅读(288) 评论(0) 推荐(0)
摘要:环境配置: 1 安装nodejs(还未安装时) node -v npm -v 查看是否安装成功 2 npm install vue-cli -g 3 vue init webpack (项目文件夹:shift+右键 在此次打开命令窗口) (cnpm代替npm: npm install cnpm -g 阅读全文
posted @ 2017-04-01 22:47 Jesonhu
摘要:1 从安装好的展示 vue2+webpack项目开始 2 关键目录及文件 3 关系图 4 类比nodejs项目的理解 阅读全文
posted @ 2017-04-01 17:22 Jesonhu 阅读(577) 评论(0) 推荐(0)
摘要:1 说明 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名。 1.1 简单使用 {{ item.message }} var example1 = new V... 阅读全文
posted @ 2017-03-31 23:42 Jesonhu 阅读(1441) 评论(0) 推荐(0)
摘要:1 v-if 1.1 简单使用 <h1 class="h1" v-if="ok">yes</h1> <script> var app1 = new Vue({ el: '.h1', data: { ok: true } }); </script> <h2 class="h1" v-if="ok">y 阅读全文
posted @ 2017-03-31 17:55 Jesonhu 阅读(2987) 评论(0) 推荐(0)
摘要:也可以在这里绑定返回对象的计算属性。这是一个常用且强大的模式: 阅读全文
posted @ 2017-03-30 20:15 Jesonhu 阅读(268) 评论(0) 推荐(0)
摘要:1 计算属性 1.1 模板内的表达式是非常便利的,但是它们实际上只用于简单的运算。 在模板中放入太多的逻辑会让模板过重且难以维护。 {{str.split('').reverse().join('')}} 这种写法的弊端: 在这种情况下,模板不再简单和清晰。在意识到这是反向显示 str 之前, ... 阅读全文
posted @ 2017-03-30 16:20 Jesonhu 阅读(248) 评论(0) 推荐(0)
摘要:Vue 实例1 每个Vue.js都是通过创建一个Vue的根实例启动的 var vm = new Vue({}) 2 扩展Vue构造器,用预定义选项创建可复用的组件构造器 var MyComponent = Vue.extend({ //扩展选项 }) //所有的 MyComponent 实例都将以预 阅读全文
posted @ 2017-03-29 23:26 Jesonhu 阅读(1293) 评论(0) 推荐(0)
摘要:指令补充 指令(Directives)是带有 v- 前缀的特殊属性。指令属性的值预期是单一 JavaScript 表达式(除了 v-for,之后再讨论)。 指令的职责就是当其表达式的值改变时相应地将某些行为应用到 DOM 上。让我们回顾一下在介绍里的例子: <p v-if="seen">Now yo 阅读全文
posted @ 2017-03-29 20:32 Jesonhu 阅读(382) 评论(0) 推荐(0)

Top