ã€Vue/Nuxt】-コンãƒãƒ¼ãƒãƒ³ãƒˆç·¨- 天気APIを使ã£ã¦ä¸€é€šã‚Šãƒ•ãƒãƒ³ãƒˆã‚’実装ã—ã¦ã¿ã‚‹ - Qiita
<template> <section class="weather"> <h1 class="weather__title">{{ weather.title }}</h1> <ForcastCard v-for="(forecast, i) in weather.forecasts" :forecast="forecast" :key="`weather__forcasts-key-${i}`"/> </section> </template> <script> import ForcastCard from '~/components/Pages/ForcastCard'; import { mapFields } from 'vuex-map-fields'; export default { components: { ForcastCard }, computed: { ...
ã€Vue/Nuxt】-Vuexç·¨- 天気APIを使ã£ã¦ä¸€é€šã‚Šãƒ•ãƒãƒ³ãƒˆã‚’実装ã—ã¦ã¿ã‚‹ - Qiita
ã¯ã˜ã‚㫠天気APIを例ã«ã€è‡ªåˆ†ãŒç†è§£ã—ã«ãã‹ã£ãŸVuex・テスト（jest）をメインã«è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å˜ä½“ã®è¨˜äº‹ï¼ˆVuexã ã‘ã¨ã‹ï¼‰ã¯è‰¯ã„ã‚‚ã®ãŒãŸãã•ã‚“ã‚ã‚‹ã®ã§ã€ä¸€é€šã‚Šå®Ÿè£…ã™ã‚‹ã¨ã€ã“ã‚“ãªã‚³ãƒ¼ãƒ‰ã«ãªã‚‹ã‚ˆãƒ¼ã€‚ã¨ã„ã†ã‚µãƒ³ãƒ—ル感をæ„è˜ã—ã¾ã—ãŸðŸ‘ 環境 nuxt : 2.0.0 @vue/test-utils: 1.0.0-beta.26 vue-jest : 3.0.0 vuex-map-fields : 1.3.1 lodash : 4.17.11 axios : 0.18.0 目指ã™ã¨ã“ã‚ livedoorã®ãŠå¤©æ°—WebサービスAPI「Weather Hacksã€ã‚’使ã£ã¦å¤©æ°—ã‚’å–å¾— （http://weather.livedoor.com/weather_hacks/webservice ） å–å¾—ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’ストア（Vuex）ã§ç®¡ç† 「今日ã€ã€Œæ™´ã‚Œã®ã¡é›¨ã€ã€Œç”»åƒã€éƒ¨åˆ†ã‚’コンãƒãƒ¼ãƒãƒ³
ã€Vue/Nuxt】-テスト編（ストア）- 天気APIを使ã£ã¦ä¸€é€šã‚Šãƒ•ãƒãƒ³ãƒˆã‚’実装ã—ã¦ã¿ã‚‹ - Qiita
import { createLocalVue } from '@vue/test-utils'; import Vuex from 'vuex'; import { cloneDeep } from 'lodash'; import weatherAppStore from '../../src/store/modules/weather-app'; const localVue = createLocalVue(); localVue.use(Vuex); describe('WeatherAppストアã®ãƒ†ã‚¹ãƒˆ', () => { let store; beforeEach(() => { store = new Vuex.Store(cloneDeep(weatherAppStore)); }); it('天気をå–å¾—', () => { const payloadStub = { f
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Development of authorization system using Authlete and AWS
GitHub - danjac/spacenews: Django/Nuxt reference application
{{#tags}}- {{label}}
{{/tags}}