Vue3 個人的備忘録

Vue3 サイト
https://ja.vuejs.org/
Vue3 サイト ドキュメント 日本語
https://ja.vuejs.org/guide/introduction.html

# Vue3 プロジェクト作成
npm init vue@latest

言語はTypeScript
Vue の setup 構文を使用
CompositionAPI を使用

Pinia (Store)
https://pinia.vuejs.org/

Setup Stores
https://pinia.vuejs.org/core-concepts/#setup-stores

Setup 構文 では $reset() は使えない
$patchメソッドを使用してstateの値を更新する

Vue の基本的な使い方 (5) Pinia を使って状態管理
https://www.webdesignleaves.com/pr/plugins/vue-basic-05.html

axios
https://axios-http.com/
https://www.npmjs.com/package/axios
https://github.com/axios/axios

# axios インストール
npm install axios

Vuetify3
https://vuetifyjs.com/en/
https://vuetifyjs.com/en/getting-started/installation/

# vuetify3 インストール
yarn add vuetify@latest

// Vuetify
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
const vuetify = createVuetify({
  components,
  directives,
})
// Vuetify Data tables
import { VDataTable } from 'vuetify/labs/VDataTable'
const vuetifyx = createVuetify({
  components: {
    VDataTable,
  },
})

// Vuetify
app.use(vuetify)
// Vuetify Data tables
app.use(vuetifyx)

Vue 3 フロントエンド開発の教科書 – 2022/9/28
https://gihyo.jp/book/2022/978-4-297-13072-5