摘要：
练习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解析：（待补） 阅读全文