一.首先我们先介绍下Nuxt.js

1.根据官方介绍:Nuxt.js 是一个基于 Vue.js 的通用应用框架。

• Nuxt.js 更多详情

2.SSR的特点:

• 更好的 SEO;
• 更快的内容到达时间;

3.如何抉择SSR与Prerendering

• 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的可以到这篇文章

wordpress - 插件实现自定义字段

后期会详细补充打包/部署等其他信息.