在Vue-Router中使用跳转动画
使用vue+v-chart制作一个漂亮的饼状图
Vue-SSR(Server-Side-Renderer)服务器端渲染指南

Vue-SSR(Server-Side-Renderer)服务器端渲染指南

介绍

什么是服务器端渲染 (SSR)?

Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记”激活”为客户端上完全可交互的应用程序。

服务器渲染的 Vue.js 应用程序也可以被认为是”同构”或”通用”,因为应用程序的大部分代码都可以在服务器客户端上运行。

Read more
Vue-Router简明教程(基础)

Vue-Router简明教程(基础)

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:

  • 嵌套的路由/视图表
  • 模块化的、基于组件的路由配置
  • 路由参数、查询、通配符
  • 基于 Vue.js 过渡系统的视图过渡效果
  • 细粒度的导航控制
  • 带有自动激活的 CSS class 的链接
  • HTML5 历史模式或 hash 模式,在 IE9 中自动降级
  • 自定义的滚动条行为
Read more
Vue-Router简明教程(进阶)

Vue-Router简明教程(进阶)

导航守卫

译者注

“导航”表示路由正在发生改变。

正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。

记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用 beforeRouteUpdate 的组件内守卫。

Read more
Vuex的基本概念和使用方法

Vuex的基本概念和使用方法

什么是 Vuex

Vuex是一个Vue.js的扩展库,是一个关于状态管理模式的库,提供的作用主要是用于 Vue 应用的全局数据管理。

安装vue dev tool extension for chrome 后,Vuex可以使用Chrome DevTool中进行调试。

Read more
Vue组件-Component解析

Vue组件-Component解析

基本示例

这里有一个 Vue 组件的示例:

1
2
3
4
// 定义一个名为 button-counter 的新组件 Vue.component('button-counter', { data:
function () { return { count: 0 } }, template: '<button v-on:click="count++">
You clicked me {{ count }} times.</button
>' })
Read more