vue-routerのrouter-linkを使ってdynamicなlinkの生成 方法① @app.js const routes = [ { path: '/user/:userName', component: Profile, children: [ { path: '', component: Activity, }, { path: 'follow', component: Follows }, { path: 'activity', co…

hoge.vue <img :src='user.avatar' > <script> export default { computed: { user() { return this.$store.state.user.user; } }, 上記でdynamicにimageを切り替えられるが、 サブドメインのrouteを定義した場合、 vue-router経由で該当ページまで表示させた場合とページのリロードで表示させ…

middleware->('auth')を使用時form関連を扱うときtokenが必要 純粋なLaravel App なら blade templateの {{ csrf_token() }} からtokenを取得して <input type="hidden" name="_token" value="7YC0Sxth7AYe4RFSjzaPf2ygLCecJhblahblah"> をセット、または <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>"> で解決できるがvueの場合や外部のパッケージを利用し…

基本 app.jsで記述したpathをlaravel側のweb.phpにも記述。その際、returnするviewはvueの起点ページにする。 Route::get('/profile', function() { return view('home'); }); → home.blade.phpにvue componentのprofileがある場合、profileがレンダリングさ…

htmlタグ内では{{ }}は使わないで v-bindまたはコロンで下記のように記述 data() { return { img: "http://~~~~" } } <img :src='img'> セミコロンの取り扱い セミコロンなし → static <router-link to="hoge"> セミコロンあり → dynamic <router-link :to="foo"> computed: { foo() { regrgergs } vuexでstateを設定した後</router-link></router-link>…

// updated: 2018/7/9 node_server側 プロジェクト直下にmkdir node_server npm init → entry point は server.js npm install redis express socket.io @/node_server/server.js var app = require('express')();var server = require('http').Server(app);…