前端框架
关注
分享
扫一扫
伏枫Urie
后台工程师
擅长语言： NodeJS, Golang
怕什么学海无涯，进一寸有一寸的欢喜。
展开
-
Vue.js组件——组件的基础知识
这篇博客记录本人的学习的Vue.js框架组件的一些基础知识，记录的可能有点混乱。 如果有朋友想验证，可以直接copy代码，然后下载一个vue.min.js文件即可。 直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue 组件</title> <script原创 2017-11-11 16:16:55 · 925 阅读 · 0 评论 -
Vue.js组件——组件通信小demo
直接上图：最近在学习Vue.js组件的相关知识，其中组件通信的内容让我很惊叹，所以做了个小demo放到博客上。 这个demo中，使用了三种组件通信的方式，分别是中央事件总线bus、父链、子组件索引。（ps:关于props通信见我另一篇博客Vue.js组件——组件的基础知识） 下面是代码：<!DOCTYPE html><html> <head> <meta charset原创 2017-11-11 16:10:28 · 459 阅读 · 0 评论 -
Vue.js组件——slot杂记
懒得再写一遍，直接把我的笔记截图放上来了。截图的内容其实是自己写的测试代码最后的效果，下面把测试代码贴出来：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue 组件slot</title> <script src="../js/vue.min.js"></script>原创 2017-11-12 13:14:10 · 834 阅读 · 1 评论 -
Vue.JS实战：简单的购物车
好吧，我转了前端了，开始更新前端框架Vue.JS的相关博客。功能概述学习了Vue.JS的一些基础知识，现在利用指令、数据绑定这些基础知识开发一个简单的购物车功能。功能要点如下： （1）展示商品的名称、单价和数量； （2）商品的数量可以增加和减少； （3）购物车的总价要实时更新，即数量发生变动，总价也要相应的改变； （4）商品可以从购物车中移除； （5）具有选择功能，只计算选中的商品的总价。原创 2017-11-04 22:40:48 · 2427 阅读 · 2 评论 -
Vue.js组件——标签页组件
按照《Vue.js实战》的指导，制作了一个标签页的组件，并按照课后练习的要求，添加了一个小功能： 给pane组件新增一个prop:closable的布尔值，支持是否关闭这个pane，如果开启，tabs上会增加一个关闭按钮，可以关闭对应的标签。 做这个练习的时候，主要有两个关键点：1）如何根据closable的值来动态显示/隐藏关闭按钮解决第一个关键点时，我一开始使用了v-show，如下所示(下面原创 2017-11-19 15:47:21 · 6008 阅读 · 4 评论 -
Vue.JS实战：简单的购物车（二）
功能概述在之前的购物车基础上，新增了一些功能，如下： （1）新增了商品类别，同类的商品永远聚集在一块； （2）增加了商品类别筛选，可以选择显示/不显示某个（或多个）类别的商品； （3）新增了方法checkQuanxuan()，当复选框没有全部选中时，全选框会保持未选中状态，反之亦然。代码分享代码同样包含三个部分，分别是HTML、JS、CSS。因为这次只修改了HTML和JS，所以只贴HTML和J原创 2017-11-05 17:04:47 · 3339 阅读 · 0 评论