Vue 初心者のための基礎知識

今回は、Vue の初心者が始めるにあたって知っておくべきことの基礎知識をお届けします。Vue の初心者が始めるにあたって知っておくべき 注意事項 については、次のとおりです。一緒にそれで。

1. vue とは何ですか?

Vue は、ユーザー インターフェイスを構築するための進歩的なフレームワークです。

圧縮後わずか17kb

2. Vue環境構築

直接ダウンロードして タグでインポートするとVueがグローバル変数として登録されます。

ただし、Vue を使用して大規模なアプリケーションを構築する場合は、NPM インストールを使用することをお勧めします。

ここでの推奨事項は、非常に高速な淘宝網の cnpm を使用することです

npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 最初の vue アプリケーション # 全局安装 vue-cli npm install --g vue-cli # 创建一个基于 webpack 模板的新项目 vue init webpack my-project # 安装依赖，走你 cd my-project npm run dev

4. ライフサイクル 各 Vue インスタンスが作成されると、一連の初期化プロセスが実行され、対応するライフサイクル フックも呼び出されます。これらのフックを使用して、適切なタイミングでビジネス ロジックを実行できます。

一般的なライフサイクルは次のとおりです: created---mounted---destroy

Vue の最も一般的に使用されるライフサイクルフックは次のとおりです:

• created はインスタンスの作成後に呼び出されます。この段階では、データの観察などが行われます。 . は完了しましたが、まだマウントされておらず、$el はまだ使用できません。 一部のデータを初期化して処理する必要がある場合にさらに便利です。

• マウントされた el は、インスタンスにマウントされた後に呼び出されます。通常、最初のビジネス ロジックはここから始まります。

• beforeDestroy はインスタンスが破棄される前に呼び出されます。 主に、addEventListener を使用して監視されるいくつかのイベントのバインドを解除します。

单击事件 今年{{age}}

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

vue 組み込み命令の説明

FileReader によるファイル リーダーの実装方法