![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 72
daisy_Hawen
身体和灵魂都需要奔跑 欢迎关注我的Githttps://github.com/daisyHawen
展开
-
Vue使用指南(二)
经过一个国庆没有写代码,感觉突然就生疏了,于是先总结一下国庆节之前的工作,并介绍一下用到的Vue技术。 这里讲一下,我是如何用Vue实现分页的。html部分——分页代码<nav> <ul class="pagination"> <li v-bind:class="{'disabled': page.disabled, 'active': page.active }" v-for=原创 2016-10-10 15:34:20 · 3704 阅读 · 0 评论 -
用vue-cli 与vuex一步一步搭建一个笔记应用(二)
上一篇,我们已经借助vue-cli把环境搭建好了,这一篇就开始介绍如何写笔记应用的界面了。我们借鉴的博文划分得很清楚因此在components中建立三个组件。toolbar.vue,noteList.vue ,Editor.vue再提一句vue-cli采用的es6语法。 因此它的模块化语句就是:export default { name: 'hello', data () { re原创 2017-05-09 15:13:21 · 4654 阅读 · 0 评论 -
用vue-cli 与vuex一步一步搭建一个笔记应用(一)
这一篇只介绍了vue-cli,下一篇介绍搭建笔记应用界面原创 2017-05-09 10:57:57 · 10107 阅读 · 1 评论 -
用vue-cli 与vuex一步一步搭建一个笔记应用(四)
讲了这么久,终于讲到重点了。将vuex用进我们的笔记应用项目首先建立一个文件夹用来放vuex吧按照那篇博文的写法,一个store.js 和 actions.js再想一下一个笔记应用需要哪些数据呢? 1、笔记数据 2、以及当前活动的笔记数据(即正在编辑的笔记)好像就只有这个数据了吧。对于笔记也就只有增删查改,以及设置当前编辑笔记和喜欢的笔记了 这里是store.js的代码,我现在尽量代码风格都偏原创 2017-05-13 18:34:52 · 2594 阅读 · 0 评论 -
Vue源码解读——实现一个双向绑定(Object.defineProperty与observe)
什么是双向绑定在vue中,实现一个mvvm的双向绑定很简单<div id="mvvm-app"> <input type="text" v-model="word"> <p>{{word}}</p> <button v-on:click="sayHi">change model</button></div><script src="./js/observer.js"></s原创 2017-03-13 17:16:01 · 3630 阅读 · 0 评论 -
Vue filter原理探究
这一篇是对filter的探讨 写在这里,貌似vue2.0对filter不支持,这里采用的是vue1.0版本来进行演示和学习的。filter的使用内置方法Vue内置提供几种类型的过滤器字母操作类json过滤器限制字母操作类 Capitalize 将首字母转化为大写字母 Uppercase 全部转化为大写字母 lowercase 全部转化为小写字母json过滤器 实质上是JSON.s原创 2017-03-24 10:00:19 · 1376 阅读 · 1 评论 -
用Vue搭建一个网易云播放器(一)
之前看了一个博主用vue搭建的网易云播放器,于是有了想法。最近没有什么项目,看书也看得无聊了,确确实实想来写点代码,那么就开始吧。1.音乐资源首先调研了一下一些开放的音乐API:豆瓣音乐、QQ音乐,还有百度音乐。 这里用的是百度音乐的API,当然了,它并不是开放的,但是基于我不是用去作为什么商业用途,应该没有什么关系吧。1.1 Search 搜索音乐接口http://tingapi.ting.ba原创 2017-03-08 16:01:11 · 3274 阅读 · 0 评论 -
Vue+webpack构建单页router应用(二)
嵌套路由其实很简单,主要是vue2.0有一些变更。 所以要多看API文档,少看网上的教程 = =配置路由配置路由,这里为Home配置了两个子路由news和messageconst routes = [{ path: '/Hello', component: Hello}, { path: '/Home', component: Home, children原创 2016-12-13 17:08:22 · 1837 阅读 · 1 评论 -
VUe+webpack构建单页router应用(一)
前期看了很多webpack的介绍,之前一直用requireJS或者browserify,真正决心来使用webpack,实在是因为webpack好像确实功能更全。这期想做的是通过webpack和vue-router搭建一个单页应用,并且将vue的transition组件加进去,做一个幻灯片的样子。 首先,贴上我的环境。 开始step1:安装vue cli 推荐更改为cnpm(淘宝的镜像),这样下原创 2016-12-12 10:31:41 · 5108 阅读 · 0 评论 -
Vue进阶之组件(二)
这一篇主要是讲slot。 我的另一篇在http://blog.csdn.net/sinat_25127047/article/details/53032430 另外文章开头还是要说一下,这一篇文章借鉴了很多 http://www.cnblogs.com/keepfool/p/5637834.html 这个博主写的vue真的很好,包括画的流程图,示意图都很好。什么是slot官网AP原创 2016-11-13 13:18:19 · 5541 阅读 · 0 评论 -
vue.js进阶之组件
因为之前的项目用了vue,但是是边学边用,很多细节都不熟悉,比如vue-router,之前也写过vue+browserify构建大型应用。这次写一个vue最强大的功能,就是vue的组件。 首先推荐一个博客,真的写得非常好,当然官方API也写得很好。 http://www.cnblogs.com/keepfool/p/5625583.htmlvue组件基本步骤这个图也是盗用这个博客的,所以先声明一原创 2016-11-09 16:52:47 · 22194 阅读 · 1 评论 -
RequireJS入门指南(二)-vue分页模块抽离
vue实现分页,模块化实现的碎碎念。 这篇讲一下我是如何在项目中抽离出分页模块的。 这段时间做的项目让我很头疼,因为前面写代码的时候没有考虑很多东西,写到后面就发现代码越来越重。 而且在不同页面都有相同的代码,比如分页。 前有大神说:长痛不如短痛。 我最近超级苦恼,已经停止好几天没有写代码了,就是因为不断的写,代码越写越丑。 比如我跟某人的抱怨:但是这样下去也不是办法,最近又被老板逼着写原创 2016-10-14 08:24:58 · 3161 阅读 · 0 评论 -
vuejs使用指南(一)
前言 最近在写一个项目,然后由于采用的前后端分离传递数据,页面的渲染由前端来完成,于是就想说试一下vuejs,因为实在是不想用jq的dom操作,jq的dom操作对于页面的节点增加和删除,我感觉还好。但是用于表单的渲染,确实要不断地获取dom,并对节点进行更改操作,确实很复杂。说一下项目背景是做一个助管工资录入系统,我为什么接了这个活儿了呢,因为是采用前后端分离,感觉能学到很多东西。没错,又只有我一原创 2016-09-28 11:22:57 · 23625 阅读 · 6 评论 -
用vue-cli 与vuex一步一步搭建一个笔记应用(三)
前面我们仅仅只是搭建了一个简单的界面,并没有使用vuex来进行数据管理。 下面我们开始怎么使用vuex,因为我也是初学,所以一边学一边写吧。 vuex有中文文档:其实讲得很清除 https://vuex.vuejs.org/zh-cn第一步 安装vuexcnpm install vuex -g --save-dev 为什么要使用vuex?在vuex文档里写得很清楚,一个vue就是这样的,有dat原创 2017-05-10 16:50:27 · 5881 阅读 · 0 评论