Vue
文章平均质量分 83
qwezxc24680
这个作者很懒,什么都没留下…
展开
-
Vue实现简单的列表增加与删除填坑总结
学习Vue也有快一周的时间了,技痒难耐想做个小DEMO测试下水平,正好看到keepfool的一篇博文:“Vue.js——60分钟快速入门”链接:http://www.cnblogs.com/keepfool/p/5619070.html文章最后有个demo,功能不难正好适合初学者练手,于是在不看作者代码的情况下复刻一份出来。原创 2017-06-14 14:23:41 · 6722 阅读 · 2 评论 -
vue2.0之Mint-UI配置填坑
Vue项目搞了这么久,也差不多得给界面换换衣服,看起来专业一点。网上搜了搜,选择了比较流行的饿了么出品的针对移动端的mint-ui,若是PC端可以用更全面的element-ui,这里就不多做介绍了。起初以为看看文档就能直接上手用的东西愣是花了接近一天的功夫才跑起来,只能说文档在初始化引导方面还是存在缺陷,像我这样的新手小白很可能就掉进坑里爬不起来。首先按照使用文档一原创 2017-10-09 09:13:36 · 10147 阅读 · 6 评论 -
vue路由 遍历生成复数router-link
业务场景:使用vue-cli做一个spa;需求:顶部导航栏控制下方内容栏,实现页面内切换。毫无疑问,vue-router很适合这样的需求,实现起来也并不复杂:1、main.js:import VueRouter from 'vue-router'Vue.use(VueRouter);2、定义(路由)组件:import songList from './co原创 2017-09-18 10:46:54 · 5104 阅读 · 0 评论 -
Vue 2.0 vue-router基础学习(一)
之前的组件部分学习告一段落,紧接着就到了最关键也是(据说)最恶心的路由部分。废话不多说,进入正题。原创 2017-07-21 15:49:40 · 430 阅读 · 0 评论 -
vue2.0实现一个简单的轮播图
因为之前一直在忙公司的项目,vue这块就生疏了不少,正好借这个小demo复习下vue的知识。原创 2017-08-15 15:49:24 · 58271 阅读 · 11 评论 -
Vue2.0组件实现动态搜索引擎(一)
从github上看到一个不错的开源项目:https://github.com/lavyun/vue-demo-search,自己琢磨着不看代码做了一遍学习了不少,现将碰到的坑与填坑过程分享出来。首先看一下demo的界面:简单来说就是一个复刻各大搜索引擎的功能,用户输入关键字能出现搜索建议并上下键控制输入框内容。同时点击上方logo能够原创 2017-07-06 15:08:22 · 9314 阅读 · 0 评论 -
Vue2.0组件实现动态搜索引擎(二)
接上一篇,完成logo部分我们就要开始整个项目的核心——panel组件。原创 2017-07-13 15:13:54 · 3628 阅读 · 0 评论 -
Vue.js的全局/局部组件填坑记
玩Vue也有一段日子了,最近陷在组件坑里差点出不来,还好有SegmentFault高人指点,特将细节分享出来一起学习提高。起因:最早一直用的是头文件引入Vue,即,这样做的缺点是每次都需要创建新实例且并不符合项目工程化的需求。解决方案:使用node.js+npm安装Vue,再使用IDE(WebStorm)打开项目实现热加载。问题:然后在使用全局组件的时候碰到一个原创 2017-06-21 16:08:18 · 7026 阅读 · 0 评论 -
Vue表单控件绑定的思考
最近在看vue官网教程的时候碰到一点问题: {{ option.text }} Selected: {{ selected }}new Vue({ el: '...', data: { selected: 'A', options: [ { text: 'One', value: 'A' }, { text: 'Two'原创 2017-06-08 10:47:46 · 431 阅读 · 0 评论 -
Vue2.0之H5元素Audio属性currentTime、duration应用
需求:正在做的项目是一个SPA音乐播放器,用到了H5新加入的audio标签,同时像主流播放器一样显示当前播放歌曲的秒数和总时间;思路:查阅API文档得知需要用到audio.currentTime和audio.duration分别表示当前播放时间和音频总时间,但如何用数据驱动的思想来使用成了第一个问题。原创 2017-10-13 16:35:49 · 13297 阅读 · 4 评论