タグ

ブックマーク / v2.ja.vuejs.org (2)

  • VS Code によるデバッグ — Vue.js

    最終更新日: 2019年3月29日 すべてのアプリケーションは、小規模から大規模の障害を理解する必要があるところまできました。このレシピでは、ブラウザでアプリケーションのデバッグをしたいと考えている VS Code ユーザーのためにいくつかのワークフローを説明します。 このレシピでは、ブラウザで実行している Vue CLI アプリケーションをデバッグする方法を示します。 注意: このレシピChrome と Firefox を含みます。もしあなたが他のブラウザで VS Code のデバッグを設定する方法を知っている場合、あなたの知見を共有することを検討してください (ページの下部を参照してください)。 前提条件VS Code とあなたが選択したブラウザがインストールされていることと、ブラウザに対応するデバッガの拡張機能がインストールされ有効化されていることを確認してください: Debug

    VS Code によるデバッグ — Vue.js
  • コンポーネントの基本 — Vue.js

    Vue コンポーネントの例を次に示します: // button-counter と呼ばれる新しいコンポーネントを定義します Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>' }) コンポーネントは名前付きの再利用可能な Vue インスタンスです。この例の場合、<button-counter>です。このコンポーネントを new Vue で作成されたルート Vue インスタンス内でカスタム要素として使用することができます。 <div id="components-demo"> <button-counter></butt

    コンポーネントの基本 — Vue.js
  • 1