基本使用 html: {代码...} JavaScript: {代码...} 通过注入路由，我们可以用 this.$router 来访问它，就像在任何组件里用 this.$router 访问当前路有一样。 {代码...} 路由的命名 {代码...} 要链接到一个命名路由，可以给 router-link 的 to 属性传一个对象： {代码...} 这跟代码调用 router.push() 是一回事： {代码......

2、npm init -y 初始化项目，我的win7系统，工程在d盘的vue_test_project文件夹下的名为start_vuedemo的工程文件夹

通过前面几章的实战，我们已经顺利的构建项目，并且从API接口获取到数据并且渲染出来了。制作更多的页面，更复杂的应用，就是各位自己根据自己的项目去调整的事情了。

通过前面几篇教程，我们已经顺利搭建起来了，并且已经组建好路由了。本章节，我们需要做一个列表页面，然后利用获取 [链接] 的公开API，渲染出来。 我们打开src/page/index.vue文件，在这里写入下面的代码： {代码...} 通过浏览器，我们可以看到如图所示的渲染结果： 使用scss写样式 新建文件， src/style/scss/_index.s...

我们还是利用 [链接] 这里公开的api来做项目。不过本章节不涉及调用接口等内容。这里，我们假设我们的项目是做俩页面，一个列表页面，一个内容页面。列表页面有分页等，内容页面展示。

通过上一篇博文《Vue2+VueRouter2+webpack 构建项目实战（一）：准备工作》,我们已经新建好了一个基于vue+webpack的项目。本篇文章详细介绍下项目的结构。 项目目录以及文件结构 如图所示： 如上图所示，自动构建的vue项目的结构就是这样。 目录/文件 说明 build 这个是我们最终发布的时候会把代码发布在这里，在开发阶...

环境准备 首先，要开始工作之前，还是需要把环境搭建好。需要的环境是nodejs+npm，当然现在安装node都自带了npm。 在终端下面输入命令node -v会有版本号出来。就说明安装成功了。输入npm -v也会有版本号出来，就说明，npm也已经安装好了。 vue-cil构建项目 vue-cil是vue的脚手架工具。其模板可以通过 vuejs-templates 来...