算出プロパティとウォッチャ — Vue.js
テンプレート内に式を書けるのはとても便利ですが、非常に簡単な操作しかできません。テンプレート内に多くのロジックを詰め込むと、コードが肥大化し、メンテナンスが難しくなります。例えば: <div id="example"> {{ message.split('').reverse().join('') }} </div> こうなってくると、テンプレートはシンプルでも宣言的でもなくなってしまっています。しばらく眺めて、やっとこれが message を逆にして表示していることに気付くでしょう。逆にしたメッセージをテンプレートの中で 2 回以上使おうとすると、問題はより深刻になります。 上記の理由から、複雑なロジックには算出プロパティを利用すべきです。 基本的な例<div id="example"> <p>Original message: "{{ message }}"</p> <p>Comput
メソッドとイベントハンドリング - vue.js
インラインメソッドハンドラメソッド名を直接指定する代わりに、インライン JavaScript 式でメソッドを指定することもできます: <div id="example-3"> <button v-on:click="say('hi')">Say hi</button> <button v-on:click="say('what')">Say what</button> </div> new Vue({ el: '#example-3', methods: { say: function (message) { alert(message) } } }) 結果: 時には、インラインステートメントハンドラでオリジナルの DOM イベントを参照したいこともあるでしょう。特別な $event 変数を使うことでメソッドに DOM イベントを渡すことができます: <button v-on:click=
Vue CLIのプロジェクト管理UIがいい感じだった - Qiita
表示されました。日本語対応されてます！ 作成ボタンからプロジェクトを作成してみます。 どのディレクトリに作成するか指定できます。 画面下の「ここに新しいプロジェクトを作成する」ボタンをクリック。 プロジェクト名やパッケージマネージャ(NPM or YARN)などの指定ができます。 コマンドでやるよりわかりやすいですね^^ 「手動」を選択すると細かく機能選択できます。 詳細情報のリンクもあってとっつきやすいです。 各種オプション指定。英語だからなぁ。。。という方はGoogle Chromeの「日本語に翻訳」が出番ですよ！ はい。大体わかります。 次回同じ設定でプロジェクト作成できるようにプリセットも保存できます。 プロジェクト作成中。ここはコマンド実行と同じく時間がかかります。 vue ui コマンドを実行したターミナルです。 インストールが完了すると、プロジェクトの管理画面が表示されました
Vue.js to TypeScriptの書き方一覧 - Qiita
最近ひたすら既存のVueプロジェクトのTypeScript化をやっているのでメモとしてまとめます。 （2019/09/09 追記） vue-class-componentはvue3のRFCから外されたようで、現在は、Composition APIがRFCとなっています。 Composition APIでのTypeScript化についてはこちらの記事をどうぞ https://qiita.com/ryo2132/items/f055679e9974dbc3f977 前提 .vueファイルで<script lang="ts">を使う vue-property-decoratorを使ったデコレータ方式のTypeScript化を行う data dataはそのままクラスのプロパティとして宣言します。 JavaScript <script > export default { name: 'Human'
Ruby on Rails, Vue.js で始めるモダン WEB アプリケーション入門 - Qiita
はじめに この記事では Ruby on Rails と Vue.js を使って WEB アプリケーションを作成しながら、必要な技術について説明しています。 私自身は Rails を使う機会が多いのですが、Vue.js を勉強する目的で学んだことをまとめたものです。 そのため Rails は既に触ったことがあり、Vue.js を初めて使ってみたいという人に向けて入門となる情報です。 ここで紹介したコードはGitHubに公開しています。 またRuby on Rails, Vue.js によるモダン WEB アプリケーション 実践編 (その1)を執筆しているので、興味がありましたら合わせてご覧ください。 この記事で作成するアプリケーションについて この記事では以下の環境で動作することを確認しました。 Ruby on Rails: 5.2.2 (Rails: 6.0.0 でも確認済) Ruby:
TypeScriptとVue - Speaker Deck
All slide content and descriptions are owned by their creators.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
