Folio-Magazine is a portfolio website presented in an innovative magazine format, built using the powerful Nuxt framework.
Vue Native is a framework to build cross platform native mobile apps using JavaScript
MANABIYA 2018-03-24 (sat) Webセッション 3時限目の発表内容 https://manabiya.tech
import Vuex from 'vuex' export default new Vuex.Store({ strict: true, plugins: [], modules: {}, state: {}, getters: {}, mutations: {}, actions: {} }) import { mapState, mapGetters, mapActions, mapMutations } from 'vuex' entry.js import Vue from 'vue' import Vuex from 'vuex' import store from './store' Vue.use(Vuex) new Vue({ el: '#app', store })
「ブログの中の人」のページを新しくするために、Vue.jsとvue-routerを使ってWebサイトを作っていた。ちょっとだけ引っかかったところがあったので、共有も含めてナビゲーションバーの作り方を説明する。 今回は、最小構成でつくる場合と、vue-cli(vue-loader)を使ってつくる場合を紹介する。 使っているバージョンは以下のとおり。 Vue.js - 2.0.1 vue-router - 2.0.0 最小構成でナビゲーションバーをつくる <div id="app"> <nav> <ul> <router-link tag="li" to="/" exact><a>home</a></router-link> <router-link tag="li" to="/foo"><a>foo</a></router-link> <router-link tag="li" to="/b
URLYou can post either your article on Qiita or your blog post. About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
P�A�IV � �IV `}��IV @�|�IV ���IV �%��IV �� �IV �7��IV �H�IV ����IV ����IV ����IV �5��IV Р4�IV ����IV p� `$8�IV � ��IV �� �IV � ��IV � ��IV `���IV �C �IV �G��IV ����IV `�A�IV �B��IV � c�IV 0���IV ���IV 0� �IV q|�IV �;��IV e��IV �m��IV P���IV ���IV p;��IV o��IV �8C�IV ����IV �L��IV 0� �Il�IV ^�IV � �IV P� �IV � �IV PQ��IV � �IV ��:�IV ����IV � ��IV ��1�IV ����IV ����IV p�;�IV � ��IV P�|�IV 0i
はじめに Vue.jsは軽量ですが、数万件のリストを並べるとそりゃ普通につらい。 だから目に見えるとこ以外はdom描いてもらうのやめるってコードです。 デモ デモ(jsfiddle) コード <div id="app"> <div style="overflow:auto;height:170px;" @scroll="getScrollParam"> <ul :style="listStyle"> <li style="height:17px" v-for="num in displayList">{{num}}</li> </ul> </div> </div> new Vue({ el: '#app', data: function(){ return { list:list, scroll:0,//スクロール量 scrollMax: (list.length - displayRow
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く