雅荷心语博客安装
Nuxt.js 十分简单易用。一个简单的项目只需将
nuxt添加为依赖组件即可。
项目安装
|
1 |
$ vue init nuxt-community/starter-template <project-name> |
安装完成后, 进入项目!
安装依赖: npm install
启动项目!
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
export default { head: { title: '哈哈哈~', meta: [ { hid: 'description', name: 'description', content: 'About page description' } ] }, serverCacheKey () { // Will change every 10 secondes return Math.floor(Date.now() / 10000) }, asyncData ({ req, params }) { // We can return a Promise instead of calling the callback return axios.get('https://jsonplaceholder.typicode.com/posts') .then((res) => { return { posts: res.data.slice(0, 5) } }) }, components: { Logo } } |
直接设置head 即可设置SEO相关信息!
