初试 vue2.0——3.项目开发之布局说明
写在前面的话： 其实都是按照设计稿来的，在做之前，分析一下哪些个部分是可以公用的，就抽出来做成模块，逐渐改变开发思维。 三、布局说明 在很多的项目中，头部和尾部的公用性很大，所以在这里可以抽出来，写成组件； 上一篇说道，header.vue中要用到 app.vue ...
原文：初试 vue2.0——6.项目开发_复用组件的创建以及使用
写在前面的话： 在一个项目中有许多地方用到了同一个组件时，可以将其抽象出来，定义成一个大家都能用的组件，实现复用 六 复用组件的创建以及使用 实例： 课程中提到一部分是关于星星评价的，在多处都使用到了，格式一样，只是大小不同，如： . . . 做法： 首先在components文件夹中新建一个 名为 star 的文件夹，并在 star 文件夹中创建一个 star.vue ， .vue 文件的空模板 ...
2017-03-03 09:42 0 2874 推荐指数：
相关推荐
初试 vue2.0——7.项目开发_路由重定向
写在前面的话： 在vue1.0中的方式（貌似使用的是 go），在2.0中不太一样了。 做法：在index.js中，加入 redirect配置即可。 View Code 实例截图： ...
初试 vue2.0——8.项目开发_better-scroll 实现移动端滑动1
写在前面的话： 额，原因是啥来着？忘咯，后补~ 八、better-scroll + vue2.0 实现移动端滑动1 1. 首先引入依赖库（better-scroll），并安装： 再 npm install 再 npm run dev 小 ...
初试 vue2.0——9.项目开发_better-scroll 实现移动端滑动2
写在前面的话： 上一篇文章实现了滑动效果，这部分来试试左右联动效果的实现方法吧 九、better-scroll + vue2.0 实现移动端滑动2——左右联动 效果：滑动右侧时，左侧也能有相应的变化；点击左侧时，右侧也能自动定位到相应的位置。 如下图所示界面，左侧为分栏，右侧为分栏 ...
初试 vue2.0——4.项目开发_背景图片与底色的设置
写在前面的话： 在实际应用中，我们常常遇到背景图片与颜色叠加效果的设计图，如以下效果的： 这个我试过： background：URL(); background-color ...
使用vue2.0创建的项目的步骤
1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请百度 //检查是否有node.js npm vue win+r 输入cmd 输入node -v 回车 会出现node,js的版本 输入npm -v 回车 会出现npm的版本 输入vue -V ...
基于vue2.0的分页组件开发
今天安排的任务是写基于vue2.0的分页组件，好吧，我一开始是觉得超级简单的，但是越写越写不出来，写的最后乱七八糟的都不知道下句该写什么了，所以重新捋了思路，小结一下～ 首先写组件需要考虑： 要从父组件传哪些必要的参数，即子组件需要提供什么接口 组件需要去实现哪些功能 我们要返回 ...
vue2.0与vue3.0项目创建
脚手架安装与卸载 安装 卸载 桥接工具 vue项目创建 vue 2.0 项目创建 vue 3.0 项目创建 运行项目 查看vue cli版本 vue项目目录 vue3.0项目目录 vue2.0项目目录 ...