TIL | Vue.js構造の理解



Vue CLIを使用すると、複雑なWebパッケージを使用せずに、基本設定が完了した場合に開発を開始できます.

学習時に使うファイルなので、基本的な設定は正確には難しいですが、基本的にはアプリです.VUEインデックスを使用します.htmlにより、コンテンツが画面にロードされます.
画面には見えませんが、ルーティング機能を担当するルータフォルダにインデックスします.jsファイルもあります.

基本的に.基本フレームワークを構成するために、Vue拡張子ファイルを作成します.
<template>
HTML 코드가 작성한다.
</template>

<script>
javascript 코드를 작성한다.
</script>

<style>
css 코드를 입력한다.
</style>
templateラベルで、画面に表示するhtmlラベルを作成します.
基本的なhtml構文に従い、reactの場合と同様に
templateラベルの内容は、トップレベルのラベルで構成する必要があります.
スタイルラベルの中身はなぜか色が変わらない
styleラベルのlangでは、使用する言語、すなわちscssが使用されます.scopedは、このファイルで作成したstyleプロパティのみをこのファイルで使用することを示します.
scriptラベルの内容はまだどのように書くか、どのような論理に戻るか分からないので、さらに勉強し、整理する必要があります.