for(let [key, val] of Object.entries(testObj)){
this[key] = val
}
Javascriptで連想配列をPHPのforeachみたいな書き方でループを回す書き方です。PHPではなんでもforeach派だったので、forやwhileがメインのJavascriptでの書き方を忘れてしまうので、メモとして残します。
2019.8.20
for(let [key, val] of Object.entries(testObj)){
this[key] = val
}
Javascriptで連想配列をPHPのforeachみたいな書き方でループを回す書き方です。PHPではなんでもforeach派だったので、forやwhileがメインのJavascriptでの書き方を忘れてしまうので、メモとして残します。
import { createApp } from 'vue'
import App from './App.vue'
import dayjs from 'dayjs';
const app = createApp(App);
app.config.globalProperties.$dayjs = dayjs
app.mount('#app')
JAVASCRIPT
Vue.js 3でdayjsをグローバルに組み込む方法
import { createApp } from 'vue'
import App from './App.vue'
import routes from './routes'
import { store } from './stores/'
const app = createApp(App);
app.use(routes);
app.use(store);
app.mount('#app')
JAVASCRIPT
Vue.js 3でのmain.jsの書き方
<template>
<p id="exscript">
<ins class="banner"></ins>
</p>
</template>
<script>
export default {
mounted() {
let scriptEl = document.createElement('script')
scriptEl.setAttribute('src', 'スクリプトのURL')
document.getElementById('exscript').appendChild(scriptEl)
}
}
</script>
JAVASCRIPT
Vue.jsのコンポーネントで外部scriptをロードする方法
{
"name": "hoge",
"scripts": {
"build": "gridsome build",
"develop": "gridsome dev",
"lint": "vue-cli-service lint",
"deploy": "gridsome build && netlify deploy --dir=dist/ -p"
}
}
JAVASCRIPT
Gridsomeコマンドを短くして使う方法