随笔分类 -  Vuejs

vue 动态数据请求
摘要：写在前面的话： 很多时候，页面的数据是从前端向后端发起请求获取的，下面是最近用的方法： 1. axios: 详细的用法参考： axios中文说明 或者 英文的说明 注明：axios不支持jsonp（https://github.com/mzabriskie/axios/blob/master/COO 阅读全文
posted @ 2017-09-21 18:05 Chrisreen 阅读(670) 评论(0) 推荐(0)
Vue2.0 开发项目_快速配置
摘要：写在前面的话： 假设已经安装好啦,可参照 之前的一篇文章 那么接下来是一次性配好所需的工具： 一、下载相关依赖：在package.json中，加入以下内容： 再 npm install 再 npm run dev 二、配置文件夹 可参照 之前的一篇文章 （我用到了这篇文章的 reset.css, 以 阅读全文
posted @ 2017-03-03 22:54 Chrisreen 阅读(359) 评论(0) 推荐(0)
初试 vue2.0——4.项目开发_背景图片与底色的设置
摘要：写在前面的话： 在实际应用中，我们常常遇到背景图片与颜色叠加效果的设计图，如以下效果的： 这个我试过： background：URL(); background-color: rgba( ); 只要 color 写在后面是可以实现的： 效果图： 上图表示，直接给要实现效果的容器加是可以的，当然加上 阅读全文
posted @ 2017-03-03 10:21 Chrisreen 阅读(13266) 评论(0) 推荐(0)
初试 vue2.0——6.项目开发_复用组件的创建以及使用
摘要：写在前面的话： 在一个项目中有许多地方用到了同一个组件时，可以将其抽象出来，定义成一个大家都能用的组件，实现复用~ 六、复用组件的创建以及使用 实例： 课程中提到一部分是关于星星评价的，在多处都使用到了，格式一样，只是大小不同，如： 1. 2. 3. ………… 做法： （1）首先在component 阅读全文
posted @ 2017-03-03 09:42 Chrisreen 阅读(3120) 评论(0) 推荐(0)
初试 vue2.0——5.项目开发_css sticky footers布局
摘要：写在前面的话： 在 w3cplus 上可以看到相关学习资料，本文就是参考了这篇，写下的笔记~，原文 链接 五、css sticky footers布局 一般来说，常会遇到这样的布局：在一个页面的内容不确定的情况下，始终得实现 footer 部分位于页面的底部~ 实现这种布局的方式有很多，据说css 阅读全文
posted @ 2017-03-03 00:37 Chrisreen 阅读(581) 评论(0) 推荐(0)
初试 vue2.0——9.项目开发_better-scroll 实现移动端滑动2
摘要：写在前面的话： 上一篇文章实现了滑动效果，这部分来试试左右联动效果的实现方法吧 九、better-scroll + vue2.0 实现移动端滑动2——左右联动 效果：滑动右侧时，左侧也能有相应的变化；点击左侧时，右侧也能自动定位到相应的位置。 如下图所示界面，左侧为分栏，右侧为分栏详情。 滑动右边使 阅读全文
posted @ 2017-03-02 11:56 Chrisreen 阅读(10793) 评论(3) 推荐(2)
初试 vue2.0——8.项目开发_better-scroll 实现移动端滑动1
摘要：写在前面的话： 额，原因是啥来着？忘咯，后补~ 八、better-scroll + vue2.0 实现移动端滑动1 1. 首先引入依赖库（better-scroll），并安装： 再 npm install 再 npm run dev 小备注：第一次安装的时候报错： 然后我就换成 better-scr 阅读全文
posted @ 2017-03-01 16:47 Chrisreen 阅读(14307) 评论(0) 推荐(2)
初试 vue2.0——7.项目开发_路由重定向
摘要：写在前面的话： 在vue1.0中的方式（貌似使用的是 go），在2.0中不太一样了。 做法：在index.js中，加入 redirect配置即可。 1 import Vue from 'vue' 2 import Router from 'vue-router' 3 import goods fro 阅读全文
posted @ 2017-02-28 17:09 Chrisreen 阅读(6757) 评论(0) 推荐(0)
初试 vue2.0——3.项目开发之布局说明
摘要：写在前面的话： 其实都是按照设计稿来的，在做之前，分析一下哪些个部分是可以公用的，就抽出来做成模块，逐渐改变开发思维。 三、布局说明 在很多的项目中，头部和尾部的公用性很大，所以在这里可以抽出来，写成组件； 上一篇说道，header.vue中要用到 app.vue的数据时，需要做的，这里就不重复了。 阅读全文
posted @ 2017-02-25 16:30 Chrisreen 阅读(7848) 评论(0) 推荐(0)
vue2.0 基础 ——项目开发中使用的预编译语言配置
摘要：写在前面的话： 编写的时候用预编译语言编写样式会比较方便。我尝试过两种：stylus， scss（目前是在用这个） stylus~学习教程： 张鑫旭老师的stylus教程~ sass~学习资料见sass中文网 如何配置？下边两个选一个预编译工具安装就好。 1. sass: 需要安装 node-sas 阅读全文
posted @ 2017-02-24 18:00 Chrisreen 阅读(1593) 评论(0) 推荐(0)
vue2.0基础 —— 项目搭建
摘要：写在前面的话： 本文中的项目名称用下划线标出来了，都是自己可以改名的。 一、项目搭建： 1.安装前：你需要知道怎么使用命令行（在开始栏输入：cmd ,看到搜索结果后点击一下，出现的黑窗口就是啦），然后你还需要先安装 node（步骤详解以后更新） 2.安装 vue-cli步骤如下（如果已经全局安装了的 阅读全文
posted @ 2017-02-24 11:42 Chrisreen 阅读(4762) 评论(0) 推荐(0)