Nuxt.js、Vue.jsによるToDoのサンプル

NUXT.JS、VUE.JSによるTODOのサンプル

nuxt.js、Vue.jsで作成したTODOnoサンプルです。

INPUTフォームにタイトルを入力してSaveボタンをクリックしてください。

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

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

フォームの下に入力されたタイトルが表示されます。

消したい記事があれば記事右端の「Done」ボタンをクリックしてください。

「Find」は検索ボタンです。

「All」ボタンをクリックすると、全て消去されます。

デモ

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

関連記事:

ダッシュボード(ADMIN) Nuxt.js -jsonからEXCELファイル作成  Vue3でTypeScript実践 ECサイト構築例 Nuxt.js + Vue.js LP構築例 Nuxt.js + Vue.js マークダウンを表示するサンプル Nuxt.js Excelファイルを読み込む Nuxt.js テクニック Vue.js テクニック 簡単な例で始めるVue3でTypeScript入門 Vue.jsによるカート・サンプル Nuxt.js(Vue.js)の「v-for」でコンポーネントをループさせる方法 v-forを指定回数でループさせ、なおかつ配列へアクセスする(Nuxt.js/Vue.js) Nuxt.js初心者がハンバーガーメニューを実装しながらv-onとかv-ifを学ぶ Nuxt-HEADタグ操作 Vue.jsによるChat・サンプル Vue.jsによるTable・サンプル Vue.jsによるChart-Dashboard・サンプル ダッシュボード Nuxt.jsの特徴やメリット Nuxt.js 入門 (1) – 最初の一歩 Nuxt.js 入門 (2) – プロジェクト作成 Vue.js入門 【Nuxt.js】Nuxt.jsでJSONファイル表示 Vue.js を使って WP REST API で取得した他サイトの投稿データを自サイトに表示する 管理画面を使わず、Vue.js と WP REST API を使って、Webページから直接記事データ等を更新する WP REST API でアドバンストカスタムフィールドの値を取得する WordPress製 売上管理システム （専用テーマ販売）の事例
,,,