マークダウンを表示するサンプル

nuxtで作成したマークダウンを表示するサンプル

nuxtで作成したマークダウンを表示するサンプルです。

newsをクリックしてください。

newsをクリックすると登録されたnews記事のタイトルが表示されます。

どれかのタイトルをクリックしてください。

タイトルをクリックすると、登録されたnews記事が表示されます。

デモ

https://liberty.i-revo.com/nuxt-content/

関連記事:

Nuxt.js、Vue.jsによるToDoのサンプル ダッシュボード(ADMIN) Nuxt.js -jsonからEXCELファイル作成  Nuxt.js Excelファイルを読み込む Vue3でTypeScript実践 ECサイト構築例 Nuxt.js + Vue.js LP構築例 Nuxt.js + Vue.js Nuxt.js テクニック Markdownでシーケンス図 Nuxt.js(Vue.js)の「v-for」でコンポーネントをループさせる方法 v-forを指定回数でループさせ、なおかつ配列へアクセスする(Nuxt.js/Vue.js) Nuxt.js初心者がハンバーガーメニューを実装しながらv-onとかv-ifを学ぶ Markdownでダイアグラム・チャート Nuxt-HEADタグ操作 Nuxt.jsの特徴やメリット Nuxt.js 入門 (1) – 最初の一歩 Nuxt.js 入門 (2) – プロジェクト作成 Vue.js テクニック 簡単な例で始めるVue3でTypeScript入門 markdown入門 Vue.jsによるカート・サンプル 【Nuxt.js】Nuxt.jsでJSONファイル表示 Vue.jsによるChat・サンプル Vue.jsによるTable・サンプル Vue.jsによるChart-Dashboard・サンプル ダッシュボード
,,,,