随笔分类 -  vue.js

vue-router的一个小实例
摘要：非2.0的 vue2.0还有vue-router2.0的改变还是挺大的 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面 阅读全文
posted @ 2017-02-23 21:10 chenxj 阅读(2225) 评论(0) 推荐(1)
渐进式框架、自底向上增量开发的vue
摘要：官网对vue.js的介绍是这样的： 一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。 那么到底什么是渐进式框架、自底向上增量开发又是什么呢？ 其实我觉得这两个概念是比较相似的，对于我的话还需要进一步去深入学习研究。不过我找了一些相关资料作进一步的理解。 阅读全文
posted @ 2017-01-07 11:12 chenxj 阅读(5096) 评论(0) 推荐(0)
项目vue2.0仿外卖APP（七）
摘要：ratings评价列表页实现 在ratings.vue组件里开发 首先先引入seller数据: 书写模板结构： 由于评价页又有之前写过的star.vue组件，所以又要在ratings.vue组件引入： 并且注册： 这部分的模板： 书写样式： 整个ratings区块绝对定位的： 这里的overview 阅读全文
posted @ 2017-01-05 23:08 chenxj 阅读(659) 评论(0) 推荐(1)
项目vue2.0仿外卖APP（六）
摘要：goods 商品列表页开发 布局编写 除了商品之外还有购物车，还有个详情页，挺复杂的。 两栏布局：左侧固定宽度，右侧自适应，还是用flex。 因为内容可能会超过手机高度，超过就隐藏。左右两侧的内容是可以上下滚动。 good.vue： 为了兼容性问题呢，设置flex之后还设置了宽度，使得在不兼容fle 阅读全文
posted @ 2017-01-04 22:29 chenxj 阅读(1165) 评论(0) 推荐(0)
项目vue2.0仿外卖APP（五）
摘要：header组件 vue-resourse应用 https://github.com/pagekit/vue-resource vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resou 阅读全文
posted @ 2017-01-04 21:35 chenxj 阅读(3570) 评论(2) 推荐(1)
项目vue2.0仿外卖APP（四）
摘要：组件拆分 先把项目搭建时生成的代码给清了吧 现在static目录下引入reset.css 接着在index.html引入，并且设置<meta> 有时候呢，为了让代码符合我们平时的编码习惯，我们可以在ESLint进行设置，如下： 回到入口js文件main.js，为了好看，我们给它加上分号： 不过这是就 阅读全文
posted @ 2017-01-04 16:57 chenxj 阅读(3125) 评论(0) 推荐(1)
项目vue2.0仿外卖APP（三）
摘要：项目的结构如下： 项目资源准备 准备项目的各种图片资源等等 注意：在webpack可以不用css sprite，直接用单张图片，因为它会帮忙打包。 还有SVG图片，放大之后不会影响质量，在移动端开发中，通常会把色彩单一的图片做成SVG图片。这些不是直接用，利用一些工具去把这些SVG图片去转化成一个叫 阅读全文
posted @ 2017-01-04 15:50 chenxj 阅读(2410) 评论(0) 推荐(0)
Vue.js：轻量高效的前端组件化方案
摘要：转发一篇尤老师对vue.js的介绍，了解vue.js的来龙去脉。不过现在已经是2.0了，也有添加一些新的东西，当然有些东西也改了。 Vue.js：轻量高效的前端组件化方案 Vue.js 是我在2014年2月开源的一个前端开发库，通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的 阅读全文
posted @ 2017-01-04 13:46 chenxj 阅读(1512) 评论(0) 推荐(0)
项目vue2.0仿外卖APP（二）
摘要：vue-cli开启vue.js项目 github地址：https://github.com/vuejs/vue-cli Vue.js开发利器vue-cli，是vue的脚手架工具。 在工地上，脚手架是工人搭建好的架子，能够帮助工人们作业；在技术圈，脚手架就是来帮助我们编写好基础的代码的工具。Vue-c 阅读全文
posted @ 2017-01-04 12:22 chenxj 阅读(1297) 评论(0) 推荐(0)
vue.js的一些知识点
摘要：1、 上述的data有三种写法，都能够运行，那有什么区别呢？ 首先，1是3的语法糖，是新的ES6语法，和3一摸一样。 1和2的区别：引用官网，简而言之，在app = new Vue对象时，没什么区别，因为你app对象不会被复用。但是在组件中，因为可能在多处调用同一组件，所以为了不让多处的组件共享同一 阅读全文
posted @ 2017-01-04 10:54 chenxj 阅读(1506) 评论(0) 推荐(0)
项目vue2.0仿外卖APP（一）
摘要：最近在学习慕课网的课程：用vue.js做一个仿饿了么外卖APP的项目，现在也把流程啊什么的暂时先整理一下在这个博客上面。 当然，这个过程会有点长，不过确实能学到很多东西。 话不多说，马上开始吧。 注：当我们把用vue-cli脚手架搭建成的vue项目复制到其他地方时，要把node_modules目录删 阅读全文
posted @ 2017-01-04 06:44 chenxj 阅读(5308) 评论(0) 推荐(0)
React 还是 Vue: 你应该选择哪一个Web前端框架？
摘要：学还是要学的，用的多了，也就有更多的认识了，开发中遇到选择的时候也就简单起来了。 本文作者也做了总结： 如果你喜欢用（或希望能够用）模板搭建应用，请使用Vue 如果你喜欢简单和“能用就行”的东西，请使用Vue 如果你的应用需要尽可能的小和快，请使用Vue 如果你计划构建一个大型应用程序，请使用Rea 阅读全文
posted @ 2017-01-03 23:33 chenxj 阅读(94301) 评论(10) 推荐(18)
Vue in 2016
摘要：原文链接：Vue in 2016 Vue 作者尤雨溪对 Vue 在 2016 年的总结以及未来的展望 现在已经是2016的尾声了！在这过去的12个月里，Vue的持续增长速度已经超过了我的预期--这个项目已经从一个相对较小的小框架成长起来，现在已经被用来和这个领域最出名的框架相比较。让我们看看都发生了 阅读全文
posted @ 2016-12-31 19:44 chenxj 阅读(579) 评论(0) 推荐(0)
用vuejs实现一个todolist项目
摘要：用vue.js实现一个todolist项目：input输入框输入的值会呈现在下方，并且会保存在localStorage里面，而且下方的列表点击之后也会有变化： 完整代码： App.vue store.js: 详细解析 ES6的写法： export default 和 export 区别： 1.exp 阅读全文
posted @ 2016-12-30 19:38 chenxj 阅读(10124) 评论(1) 推荐(2)
vuejs
摘要：简介 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态 阅读全文
posted @ 2016-12-30 13:47 chenxj 阅读(1290) 评论(1) 推荐(0)