Webpack 本地服务器设置代理

因为浏览器同源策略的限制,AJAX 是不能跨域请求的,只有后端设置了 header 才能跨域请求。对于前后端分离的项目来说,前端如果要测试 API 就需要后端设置 header 来配合前端,前端在发送请求也需要输入完整的域名,而且也不方便传递 Cooki...

Vue Router 传递参数

在访问网站的时候,你可能会发现有的页面的 html 或 php 文件后面会有一些以 ? 开头的文本,这就是页面之间传递参数的方式。在 Vue 中对于使用了路由的动态组件来说,在跳转的时候也需要通过 URL 来传递参数。下面就简单写一下 Vue 路由传递参...

Vue 自定义指令的定义和调用

指令是 Vue 中以 v- 开头的一种属性,像 v-show 、v-model 都属于 Vue 的内置指令。除了内置的指令外,Vue 也允许自定义指令。自定义指令的功能就是操作 DOM。虽然 Vue 可以通过改变数据来操作 DOM,但有的功能还是无法实现...

Vue 绑定 class 和 style

在 原生 JS 中可以通过 classList.add() 和 classList.remove() 这两个方法来动态的增加和删除元素的 class,也可以通过 style 属性来动态的改变元素的样式。在 Vue 中不太推荐直接操作 DOM 元素,但可以...

Vue 使用 vue-resource 发送 AJAX 请求

vue-resource 是一个用来发送 XMLHttpRequest 请求的 Vue 插件,它的功能和 jQuery 中的 $.ajax 差不多。有了 vue-resource,简单的 AJAX 请求就不需要手动封装了。安装这里使用 npm 安装,在项...

Vue Router 的简单使用

Vue Router 是 Vue 官方提供的路由管理插件。使用 Vue Router 您可以很方便的配置组件和路由的对应关系,可以实现不同的路由显示不同的组件,还能配合 Vue 的过渡动画使用。如果您还不了解路由的话,可以先看一下 前端路由的简单实现 这...

Vue 条件渲染 v-if 和 条件展示 v-show

在 Vue 中 v-show 和 v-if 都能实现元素的显示或隐藏,但是两个指令还是有些不一样的。这里就简单写一下 v-show 和 v-if 两个指令的区别和用法。v-showv-show 的功能是条件展示,如果条件为 true 就显示,否则就隐藏。...

Vue 生命周期和钩子函数

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。Vue 生命周...

Vue CLI 的简单使用

Vue CLI 是一个用于快速构建 Vue 项目的脚手架工具。Vue CLI 可以自动帮您配置 Webpack、Babel、ESLint 等。如果您不太了解 Webpack 配置的话,使用 Vue CLI 是一个不错的选择。安装 Vue CLIVue C...

Vue 组件间的通信

组件(Component)是 Vue 中很重要的一个功能,一个 Vue 页面会有多个组件组成,组件之间也会经常需要互相传递数据和调用功能。这里简单写一下 Vue 组件之间的通信。因为本人正在学习 Vue 所以可能写的不够全面,这里使用的是单文件组件。父组...