Vueの基本コマンド
vバインド命令
v-bind命令の機能は、属性を要素にバインドすることです
。完全な表現はv-bind:属性名です。
省略した場合は、v-bindを直接省略して、:属性名のみを保持できます。
v-for
v-for命令の機能は、データに基づいてリスト構造を生成する
ことです。配列は、v-forと組み合わせて使用されることがよくあり
ます。構文は(item、index)inです。データ
項目とインデックスは、と組み合わせて使用できます。その他の指示。
配列の長さの更新はページに同期されます。応答性
v-on
カスタムパラメータ、イベント修飾子、
ドキュメントポータル
リンクを渡す:link。
イベントバインディングのメソッドは関数呼び出しの形式で記述され、カスタムパラメータを渡すことができます。
メソッドを定義するときは、を受け取るための正式なパラメータを定義する必要があります。着信する実際のパラメータ
イベントの後に
上記が続く場合、修飾子はイベントを制限できます。Enterは、入力するトリガーキーを制限できます。
vモデル
フォーム要素の値の取得と設定(双方向データバインディング)
v-modelコマンドの機能は、フォーム要素の値を便利に設定および取得することです。
バインドされたデータは
、フォーム要素の値に関連付けられます。。バインドされたデータフォーム要素の値
axios
強力なネットワークリクエストライブラリ
リンク:
ドキュメントポータル:https://github.com/axios/axios
axiosは
、使用する前にインポートする必要があります。getまたはpostメソッドを使用して、対応するリクエストを送信します。
webpack
webpackプロジェクトを作成する構文
$ vue init webpack my-project
? Project name vuetest //项目名称
? Project description A Vue.js project //项目描述默认回车
? Author //作者
? Vue build standalone //打包方式standalone
? Install vue-router? Yes //是否创建路由,学习初期暂时不需要
? Use ESLint to lint your code? No //是否使用ESLint检测你的代码。建议:No
? Pick an ESLint preset Standard
? Set up unit tests Yes //是否安装单元测试。建议:No
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes //是否安装E2E测试框架NightWatch(E2E(End To End),就是所谓的“用户真实场景”)。建议:No
? Should we run `npm install` for you after the project has been created? (recommended) npm //项目创建后是否要为你运行“npm install”?这里按照推荐,选择包管理工具。建议:yes use npm
webpackプロジェクトの構文を開始しますnpmrun
dev