簡易CMS作成で無料ブログを公開する。 Vue CLI版 表示機能 / コード編　#Vue #Vue-CLI #javascript

■ 概要:

前の CMS表示機能の、コード関係で
レイアウト変更等の内容となります。

・前回の表示機能　build、こちら

■ 環境

Vue CLI
dexie : 3.0.1
vue: 2.6.11
vue-router

■ デモのページ

　マガジン内の、デモ紹介ページで。表示機能 URL記載しております
今回は、netlifyにデプロイした場合です

■ 参考のコード

最新版は、下記になります

kuc-arc-f/vue_spa3cms3

■ レイアウト変更等の場合
テンプレートは、 Vue components に全て書いてます

Vue CLI フォルダの、下記の　src /components
の修正が必要です

src /components/Layouts も、部品等含まれます。

C:\TEMP\VUE_SPA3CMS
├─public
│  ├─css
│  ├─img
│  └─js
└─src
   ├─assets
   ├─components
   │  ├─CmsCategory
   │  ├─CmsEdit
   │  ├─CmsEdit_2
   │  ├─Element
   │  ├─Files
   │  └─Layouts
   ├─libs
   └─router

■ 修正ですが、下層の components を組み込んでる部分がありますが

・最新版公開の関係で、
components　修正箇所は。一旦削除しています

デザイン修正後、ビルドしたファイルを、
クラウド側に、アップすると、vue-routerを使用しているので
静的ファイルのみでも、ルーティング機能つきCMS(個人ブログ、公開サイト)が設置できます。