Jinsuo

2018年1月16日

摘要：我们通过两节课的讲解，你对vue-cli应该有了基本的了解，这节我们主要了解一下Vue-cli的模板操作，包括增加模板，修改模板，以及一个常规模板的基本结构。一、npm run build 命令有小伙伴问我，如何把写好的Vue网页放到服务器上，那我就在这里讲解一下，主要的命令就是要用到npm r 阅读全文

posted @ 2018-01-16 18:59 Jinsuo 阅读(226) 评论(0) 推荐(0) 编辑

第2节：Vue-cli项目结构讲解

摘要： vue-cli脚手架工具就是为我们搭建了开发所需要的环境，为我们省去了很多精力。有必要对这个环境进行熟悉，我们就从项目的结构讲起。 Ps：由于版本实时更新和你选择安装的不同（这里列出的是模板为webpack的目录结构），所以你看到的有可能和下边的有所差别。 1 2 3 4 5 6 7 8 9 10 阅读全文

posted @ 2018-01-16 18:53 Jinsuo 阅读(347) 评论(0) 推荐(0) 编辑

vue-cli 第一讲----安装vue-cli

摘要：本笔记原文网址：http://jspang.com/2017/04/10/vue-cli/#two 一、安装vue-cli 安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本阅读全文

posted @ 2018-01-16 15:21 Jinsuo 阅读(294) 评论(0) 推荐(0) 编辑

2018年1月15日

第11节：编程式导航

摘要：原文网址：http://jspang.com/2017/04/13/vue-router/ 这是这篇文章的最后一节，前10节课的导航都是用<router-link>标签或者直接操作地址栏的形式完成的，那如果在业务逻辑代码中需要跳转页面我们如何操作？这就是我们要说的编程式导航，顾名思义，就是在业务逻辑阅读全文

posted @ 2018-01-15 19:01 Jinsuo 阅读(307) 评论(0) 推荐(0) 编辑

第10节：路由中的钩子

摘要：我们知道一个组件从进入到销毁有很多的钩子函数，同样在路由中也设置了钩子函数。路由的钩子选项可以写在路由配置文件中，也可以写在我们的组件模板中。我们这节课就介绍这两种钩子函数的写法。路由配置文件中的钩子函数我们可以直接在路由配置文件（/src/router/index.js）中写钩子函数。但是在路阅读全文

posted @ 2018-01-15 18:32 Jinsuo 阅读(272) 评论(0) 推荐(0) 编辑

第9节：mode的设置和404页面的处理

摘要：在学习过渡效果的时候，我们学了mode的设置，但是在路由的属性中还有一个mode。这节课我们就学习一下另一个mode模式和404页面的设置。 mode的两个值具体的效果我在视频中会有所掩饰，不理解的小伙伴可以到视频中进行查看。 404页面的设置：用户会经常输错页面，当用户输错页面时，我们希望给他阅读全文

posted @ 2018-01-15 17:48 Jinsuo 阅读(207) 评论(0) 推荐(0) 编辑

第8节：路由的过渡动画

摘要： <transition>标签想让路由有过渡动画，需要在<router-view>标签的外部添加<transition>标签，标签还需要一个name属性。 1 2 3 <transition name="fade"> <router-view ></router-view> </transition 阅读全文

posted @ 2018-01-15 17:20 Jinsuo 阅读(470) 评论(0) 推荐(0) 编辑

第7节：alias别名的使用

摘要：上节学习了路由的重定向，我相信大家已经可以熟练使用redirect进行重定向了。使用alias别名的形式，我们也可以实现类似重定向的效果。 1.首先我们在路由配置文件里（/src/router/index.js），给上节课的Home路径起一个别名，jspang。 1 2 3 4 5 { path: 阅读全文

posted @ 2018-01-15 14:33 Jinsuo 阅读(433) 评论(0) 推荐(0) 编辑

第6节：vue-router 的重定向-redirect

摘要：开发中有时候我们虽然设置的路径不一致，但是我们希望跳转到同一个页面，或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。 redirect基本重定向我们只要在路由配置文件中（/src/router/index.js）把原来的component换成redirect参数就可以阅读全文

posted @ 2018-01-15 14:08 Jinsuo 阅读(57657) 评论(0) 推荐(2) 编辑

2018年1月14日

第5节：vue-router 利用url传递参数

摘要：我们在第3节虽然已经学会传递参数，但是我们这些老程序员的情怀还是利用url来传值，因为我们以前在前后端没有分开开发的时候，经常这样做。在实际开发也是有很多用URL传值的需求，比如我们在新闻列表中有很多新闻标题整齐的排列，我们需要点击每个新闻标题打开不同的新闻内容，这时在跳转路由时跟上新闻编号就十分实阅读全文

posted @ 2018-01-14 22:30 Jinsuo 阅读(746) 评论(0) 推荐(0) 编辑

公告