2020-02-26から1日間の記事一覧

副問い合わせの結果をJoinするSQLメモ

SQL

table名等は適当です。 select * from nTable left join ( select * from leftTable inner join anyTable on leftTable.id = anyTable.leftTableId ) leftResult on nTable.any = leftResult.any

Vueでグローバル定数ファイルを定義するベストプラクティスが議論されていたのでメモ

Vue

stackoverflow.com 自分は上記記事を参考にして以下のようにしました 。 外部から変更できない変数を宣言してexport し、使う側でimport する方法です。 constフォルダ等(定数と分かるフォルダ名)を用意して各定数ファイルを用意すると、一目で定数ファイ…

Vueで外部JavaScriptファイルを読み込む方法

Vue

コード例 outside.js const VALUE = 1 export default Object.freeze({ VALUE: VALUE }); any.Vue <script> import outside from 'path/to/outside' // .js(拡張子の指定)は必要ない ... mounted() { // importしたjsの変数 console.log(outside.VALUE) // 1 }, 補…

computedでネストしたObjectの値変更を検知する

Vue

computedは基本ネストしたObjectの値までは検知しない。 検知するためには、Vue.setを使用する。 Vue.set(object, propertyName, value) https://jp.vuejs.org/v2/guide/reactivity.html