一.首先我们先介绍下Nuxt.js
1.根据官方介绍:Nuxt.js 是一个基于 Vue.js 的通用应用框架。
2.SSR的特点:
- 更好的 SEO;
- 更快的内容到达时间;
3.如何抉择SSR与Prerendering
二.Nuxt的用法
1.nuxt的语法和vue一样,熟悉vue的同学都可以轻松上手,不同点主要表现在:
- 路由:
直接通过pages的目录形式设置路由
路由/目录
-
特有的asyncData
export default { data() { return { }; }, activated() { }, methods: { }, asyncData(context) { return context.$axios .post("/news", { categories: "news" }) .then(res => { let news_list = res.data.data; return { news_list: news_list }; }) .catch(err => { console.error(err); }); } };
三.关于wordpress的可以到这篇文章
后期会详细补充打包/部署等其他信息.
