Vueプロジェクトを作成するためのVueの基本的なコマンドとwebpack

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

おすすめ

転載: blog.csdn.net/yang13676084606/article/details/108326265