Vue学习第十周-开源项目

服务端渲染与Nuxt.js

服务端渲染(SSR)主要用于搜索引擎优化(SEO)或者减少前端请求量。
但是前提是需要有Node.js相关的技术能力。

Nuxt.js是基于Vue.js的通用框架，为Node.js做Vue服务端渲染提供了各种配置。
为了快速体验Nuxt.js，可以下载安装starter 模板（http://github.com/nuxt/starter/archive/source.zip）。下载后，通过npm install 安装依赖，再通过npm run dev启动项目，在浏览器访问
127.0.0.1:3000即可预览。
项目地址：https://github.com/nuxt/nuxt.js
Vue 2也自己提供服务端渲染的功能。
Vue 服务端渲染(SSR) 文档：https://ssr.vuejs.org/
Nuxt 文档：https://nuxtjs.org/

HTTP库axios

axios是一个基于Promise，同时支持浏览器端和Node.js的HTTP库，常用与发送HTTP请求。
Vue本身没有Ajax方法与JQuery和AngularJS不同，所以需要借助第三方HTTP库或者插件。(原先有一个vue-source，但是官方已经不再维护并且推荐使用axios替代)
axios支持多种请求，可以直接发起GET或者POST请求，或者通过写入配置的形式发送请求。通过Promise还能够执行多个并发请求。

//get请求
axios.get('/xxx').then().catch();
//post请求
axios.post('/xxx',{param:1}).then().catch();

function post(){
	return axios.post('xx1',{})
}
function get(){
	return axios.get('xx',{})
}
//合并请求
axios.all([post,get]).then(axios.spread(function(acct,perms){
}))

国际化多语言插件vue-i18n

vue-i18n是一个Vue. 插件，提供了多语言解决方案。如果你的项目有多国语言的需求，可以使用它很快速地实现。
首先通过NPM安装插件
然后在webpack的入口文件（main.js）中使用插件
使用vue-i18n 插件需要在入口文件中进行多语言包的配置， 其实是一个对象，每种语言对应于一个key。

const message = {
	en:{
		message:{
			hello: 'hello'
		}
	},
	cn:{
		message:{
			hello: '你好'
		}
	}
}

const i18n= new VueI18n({
	locale:'en',	//设置当前语言
	messages	//设置语言包
})
new Vue({
	el:'#app',
	router:router,
	i18n:i18n
})

配置完后在业务代码中可以直接使用

<div>{{ $t("message.hello")}}</div>

更多关于vue-i18n的配置和说明可以查阅其文档，vue-i18n分6.x和5.x两个版本，使用会稍有不同， 上面介绍的是6.x版本。
6.x文档： http://kazupon.github.io/vue-i18n/en/started.html
5.x文档： https://kazupon.github.io/vue-i18n/old/