rxjsの someObservable.subscrive((result)=>(....)) が const result = await someObservable.toPromise(); みたいにプロミスに変更してawaitできる。 あとES6から複数値を関数から受け取れるらしい function some() { return {4,3}; } let {x, y} = some();

async関数はPromisで包んで返してくれる。awaitはpromiseが解決されるまでそこでまってくれる。これをつかうためには結局、その関数はasyncにならないといけない。

process.envに入っている。 NODE_ENV NODE_DEBUG NODE_PATH .env ファイルを作ってそれを読むようにできる。 maku77.github.io process.env.hoehogeでみえるようになる。

req.openの２つ目は非同期のフラグ、req.sendはPOSTの場合データが入る。 const req = new XMLHttpRequest(); req.open("GET", "myjson.json", true); req.onreadystatechange = () => { if (req.readyState === 4 && req.status === 200) { const jsonText …

このサイトを読んで勉強した。 www.suzu6.net typescriptを入れてみた。packageは { "name": "myfirstserver", "version": "1.0.0", "description": "my first server", "main": "index.js", "scripts": { "build": "tsc", "serve": "node dist/js/index.js"…

簡単な例 components <template> <div> <p>myConponent</p> </div> </template> スクリプトは <script> /* eslint-disable */ import { defineComponent, computed, watch } from '@vue/composition-api'; export default defineComponent({ name: 'MyCard', components: {}, props: {}, data: function() {}…

vue-router パスを定義する。 Vue.use(VueRouter) const routes: Array<RouteConfig> = [ { path: '/', name: 'Home', component: Home }, { path: '/hoge', name: 'Hoge', component: Hoge } ] const router = new VueRouter({ routes }) export default router 使用を宣</routeconfig>…

テンプレート {{ }} <div>hoge world,{{ name }}?</div> でそのテンプレートのnameのdataをみている。{{ }}は口髭(Mustache) クリック v-on:click <button v-on:click="pushCrick">push</button> これでテンプレートのpushCrockメソッドが呼ばれる。 テーブルリスト v-for <table> <tr v-for="item in myTableData" v-bind:key="item"> <td><img src="" /></td> <td> {{ item.title }}…</td></tr></table>

基本 <template> </template> <script> </script> <style> </style> プラグインを各種使う Vue.config.productionTip = false new Vue({ router, vuetify, render: h => h(App) }).$mount('#app') アプリのマウント new Vue({ el: '#app` // エレメントのid指定 }) this.$elでマウントしたタグが見れる。 スクリプ…