初识Vue.js简介 Vue.js是前端三大新框架:Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增 Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言 Vue也可以将界面拆分成一个个的组件，通过组件来构建界面，然后用自动化工具来...

JS简介JavaScript是运行在浏览器端的脚本语言 JavaScript主要解决的是前端与用户交互的问题 是一种动态性、弱类型的语言; 他的解释器就在我们的浏览器中，是浏览器的一部分 这门语言对大小写敏感，并会忽略多余的空格，可以使用\进行代码换行，注释使用//或/**/ 主要由三部分组成: ECMAScript:语言的语法和基本对象 文档对象...

数组方法// 1.数组的操作方法 var a = []; a.unshift() /*在数组的开头添加一个或者多个元素，返回新长度；IE9+*/ a.shift() /*删除数组中的第一个元素，返回删除的元素*/ a.push() /*往数组的末尾添加一个或多个元素，返回新长度*/ a.pop() /*删除并返回数组的最后一个元素*...

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。 一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了 vue 组件间通信的几种方...

简单介绍一下在Vue项目中引入本地资源的实现方式: 引入本地图片使用 @引入：这是在组件内直接引用和普通的 html 方法一样，代码如下 template<img src="@/assets/test.png" alt="test.png"> 使用 vue 的方法引入：这是典型的 vue 思想，使...

Vue.js官方提供了一套专用的路由工具库 Vue Router,其使用和配置都非常简单。 安装路由可以使用npm包的方式来安装路由 cnpm install vue-router --save 其实通过Vue-cli脚手架快速搭建项目时，命令行会询问是否安装路由功能，从而并不需要额外安装路由功能 通过Vue-cli脚手架搭建的项目，在src/router文件夹内部有index.js文...

es5和es6对于前端开发来说是经常都会使用的方法，他们为我们开发提供了很多便利的方法和写法，使我们的代码更加的优雅，以下简单总结一下es5与es6的不同。 变量声明关键字介绍letlet作用域只局限于当前代码块 { var a = 10 let b = 20 } console.log(a) // 输出 10 console.log(b) // 报错 ...

在前后端开发过程中一直会伴随我们的问题就是跨域问题，因为这时候前端和后端的代码是在不同机器上运行的，两个地址不在一个域名下，这个时候前端脚本在进行axios访问的时候浏览器就会报跨域相关的错误。 原因：浏览器的同源策略不允许跨域访问，所谓同源策略是指协议、域名、端口相同。 前端跨域 思路： 设置代理服务器,实现跨域请求转发 方案：采用proxyTable解决。 proxyTable...

在处理http请求方面，经常需要前端向后端提交参数，本文以vue中axios处理http发送请求的的两种方式（Post和Get）为例，简单说明一下不同请求方式下参数的提交方式。 GET 请求传递参数直接在 URL 上添加参数import axios from 'axios' axios.get('/api/goods/add_info/?ID=12345&firstName=Fre...

以下对axios的使用方式做一个简单说明，详细细节可以参数 axios中文文档。 axios配置参数创建请求 axios中配置全局参数 axios(config) // 发送 POST 请求 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', ...