開発日記 Vue編 ~v-for VueRouter~

vue

v-forとprop

v-forのデータをpropするときは:○○にしなければいけない
:がつくと変数で、つかない場合は文字列の認識になる。

<v-row v-for="p in placeholders" :key="p" :justify="justify">
              <fieldInput :placeholder="p"></fieldInput>
</v-row>

VueRouterを複数ファイル

VueRouter を複数ファイルで扱う場合は
...名前で書く

import { RouteConfig } from "vue-router";
import Home from "../pages/home.vue";
import common from "./modules/commons/common";
import account from "@/router/modules/accounts/account";
import Login from "@/pages/accounts/login";

const router: RouteConfig[] = [
  {
    path: "/",
    name: "home",
    component: Home
  },
  ...common,
  ...account
];