摘要:
练习1 : 在update 钩子中支持表达式的更新。 Demo在线浏览 解题:当 update 钩子被调用时,传入钩子中的binding对象的属性 expression,已经是更新后的 表达式了,也即是说,我们始终只能在 update 中访问到更新后的表达式字符串,而无法访问更新前的表达式字符串。 阅读全文
摘要:
Demo 在线效果浏览 练习1 : 给pane 组件新增一个prop: closable 的布尔值, 来支持是否可以关闭这个pane , 如果开启, 在tabs 的标签标题上会有一个关闭的按钮。 提示:初始化pane 时我们是在 mounted里通知的,关闭时,你会用到 beforedestroy练 阅读全文
摘要:
练习2 : 尝试在切换pane 的显示与隐藏时,使用滑动的动画。提示: 可以使用css 3 的transform:translateX 。 Demo在线效果浏览 同练习1相比,对pane组件进行了改动,将组件 pane 变成了可利用的过渡组件: 1,在template中,用transition组件包 阅读全文
摘要:
练习1 : 给pane 组件新增一个prop: closable 的布尔值, 来支持是否可以关闭这个pane , 如果开启, 在tabs 的标签标题上会有一个关闭的按钮。 Demo 浏览链接 鼠标 mouseover x 按钮,会显示为红色。点击后即可关闭当前按钮标签。 IDE:Vscode 项目结 阅读全文
摘要:
练习1 :在输入框聚焦时,增加对键盘上下按键的支持,相当于加1 和减lo练习2 :增加一个控制步伐的prop-step,比如设置为10 ,点击加号按钮, 一次增加10 。 Demo在线效果地址 练习1:在inputNumber.vue中,给input添加keyup事件绑定,如下: 练习2:父组件向i 阅读全文
摘要:
《Vue.j实战》一书 p54 页练习1和练习2: 练习1 : 在当前示例基础上扩展商品列表,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。 练习2 : 将商品列表list 改为一个二维数组来实现商品的分类,比如可分为“电子产品”“生活用品”和“果蔬” ,同类商 阅读全文
摘要:
Vue练习集 说明: 在学习 Vue 的过程中,利用 Vue 重构了一些原生 js 写就的练习题,仅为学习所用。 原练习题地址如下: http://www.fgm.cc/learn/ 不才在学习原生 js 的过程中,深受此练习集影响,在此也向 Ferris 老师致敬 私淑弟子 Tom Huang 阅读全文
摘要:
Demo 在线地址:https://sx00xs.github.io/test/45/index.html ide: vscode文件格式:.vue解析:(待补) 阅读全文
摘要:
Demo 在线地址:https://sx00xs.github.io/test/44/index.html ide: vscode文件格式:.vue解析:(待补) 阅读全文
摘要:
Demo 在线地址:https://sx00xs.github.io/test/43/index.html ide: vscode文件格式:.vue解析:(待补) 阅读全文