Vue.js

Vue|webページを表示する

ブラウザ上に表示されるまでを、元から辿ってみます

ブラウザが読み込んでいるwebページは、index.html

・index.htmlの<div>にid=appがあり、この#appにmain.tsがAppを紐づけている。

・index.htmlは、main.tsも<script>で読み込んでいる。(JavaScriptであれば.jsになる。)

アプリケーションを構成しているのは、main.tsやApp.vue。

・mian.tsではApp.vueとindex.ts(router)を読み込んでいる。この他、vuetifyなどもこのファイルで読み込んでいる。

・App.vueは他のviewやcomponentsを集約する。

・index.ts(router)でルーティング設定をする。

  • この記事を書いた人

kazuki.m

エンジニア

開発言語:Python、Typescript

最近の関心:Vue、Typescript、Rust

-Vue.js