vue-router的出现是为了解决路由与视图(实际项目中的单文件组件)的对应关系.若单单为了实现交互时对相应组件的渲染,则通过vue的基础操作完全可以实现,那么为什么要是用vue-router呢,个人理解为以下几点,其实也就是vue-router的特点. 1.最显著就是无需刷新页面,完成跳转.资源预加载. 2.高效完成大型项目中多层的路由嵌套 3.完美兼容history.hash.abstract路由模式 4.支持重定向 5.支持编程式操作(存在相应的实例方法对路由进行操作) 下面接着上一篇,…

1.安装node及npm node -v (测试node是否安装成功)npm -v(测试npm是否安装成功) 2.安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org 3.安装全局脚手架 cnpm install -g vue-cli 4.创建项目 进入你项目的保存位置,然后vue init webpack firstproject(firstproject为项目名) 5.进入项目安装依赖 npm install…

vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(二) GitHub:sueRimn 一.前言 上一篇讲解了如何运用node.js+express搭建本地服务器,解决chrome浏览器跨域而导致无法获取本地数据的问题,这章讲解如何创建本地实例. 二.安装vue依赖 在vs code终端输入以下命令安装vue依赖: npm install vue --save 结束后继续输入…

全面的Vue-cli学习,这一篇就够了! 一.下载 使用vue-cli前,需先安装node.js,node的安装就不赘述,不过在此需要注意: 1. node版本需在4.x以上,首推6.x以上版本(node -v 命令查看) 2. npm要求在 3+ 版本以上 (npm -v 命令查看) vue-cli下载(推荐NPM方式下载) npm install -g vue-cli 二.项目初始化 vue init webpack firstVue 这里的webpack为vue-cli最常用的模板名(此模…

二.vue项目的初步搭建 该项目我采用了当下最流行的vue ui框架---element-ui,首先用vue-cli构建一个vue项目: vue create education 然后会出现一系列配置选项,此时一直回车就好: 然后进入项目文件夹,输入: npm run serve 出现以上情况,则说明运行成功,此时,在浏览器打开链接http://localhost:8080/,会看到如下界面: 然后安装element-ui(一定要在该项目根目录下安装): npm i element-ui -s…

Vue实现狗尾草博客后台管理系统第六章 本章节内容 文章列表 文章详情 草稿箱 文章发布. 本章节内容呢,开发的很是随意哈,因为多数就是element-ui的使用,熟悉的童鞋,是可以很快完成本章节的内容的. 为啥文章模块会有这么多东西呢? 因为狗尾草想着以后,文章如果是待发布的话就需要一个地方去存放起来,一开始删除的文章呢,也将会被移入到草稿箱中,这样的话,文章就不会被随便的更改啦. 文章列表 先给大家一张效果图 是不是感觉非常轻松,一个table就可以搞定, 这里的代码呢,我就直接贴出来,因为…

Vue推荐开发环境 Node.js 6.2.0.npm 3.8.9.webpack 1.13.vue-cli 2.5.1.webstrom2016 现在开始安装环境 安装nodejs 可以在终端里下载,但是不推荐,npm的版本会报错 去nodejs官网下载即可,地址:http://nodejs.cn/中文网 安装vue淘宝镜像 npm install -g vue –registry=https://registry.npm.taobao.org 安装webpack npm install we…

作者 | Jeskson 来源 | 达达前端小酒馆 Vue组件的概述 组件是什么呢,了解组件对象的分析,Vue组件中的data属性,props传递数据的原理到底是什么. 事件通信的那些事 如何了解父子组件事件通信,和遇到非父子组件事件通信如何处理. 组件类型又是什么鬼 自定义组件双向绑定v-model,动态组件,又是如何称为动态的,为啥是动态呢,递归组件,如何理解递归. Vue组件的了解 Vue的理解,可以找我上一篇vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础,组件是什么,…

前面三节,我主要给大家分享了有关webpack的一些配置的知识点,如何打包js文件,而如果我们遇到其他类型的资源如图片.css.字体font等等,我们该如何处理呢?今天会介绍预处理器(loader),它赋予了Webpack可处理不同资源类型的能力,极大丰富了其可扩展性. 如果想了解Webpack的基础配置可以参考以下地址: Webpack实战(一):Webpack打包工具安装及参数配置 Webpack实战(二):webpack-dev-server的介绍与用法 Webpack实战(三):作为前端…

vue本身不支持发送AJAX请求,需要使用vue-resource.axios等插件实现 axios是一个基本Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护 axios发送AJAX请求 安装axios npm install axios -S 基本用法 axios([options]) axios.get(url[,options])  传参方式:1.通过url 传参   2.通过params选项传参 axios.p…