WordPress + Nuxt.js でポートフォリオサイトを作る その9
WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その9
GitHub: https://github.com/yuheijotaki/works-nuxt
Netlify: https://works-yuheijotaki.netlify.com/
Pugで v-if
Pugで v-if
を使う
<template lang="pug"> div p(v-if="loading") loading p(v-else) loaded </template> <script> import axios from "axios"; export default { data () { return { posts: [], loading: true } }, mounted :function(){ axios.get( 'https://works.yuheijotaki.com/wp-json/wp/v2/posts?per_page=100' ) .then( response => { this.posts = response.data this.loading = false }) .catch( error => { console.log(error) }) } } </script>
SPのスタイルもだいたいできたので残り
- トップ ロゴクリックでフィルター解除
- マークアップ見直し
- meta設定
- コンテンツ調整
- 古いworksはアーカイブつくる
- ドメイン当てる?