初歩的な理解(三)vue-cliの使用

vue-cliの概要と使用https://cli.vuejs.org/公式ドキュメントを参照して、ここではいくつかのフォルダを簡単に紹介します.buildフォルダにはappプロファイルが配置されています.configはオンラインまたはオフライン開発環境向けのプロファイルが配置されています.node-modulesはプロジェクトの依存を指しています.srcは私たちのソースコードが配置されているディレクトリを指しています.staticは私たちの静的資源配置のディレクトリを配置して、私たちは主にsrcの下のいくつかのコードを編纂して、main.jsは全体のファイルの入り口のファイルでvue-cliを使ってTodoList運行ファイルnpm run start/devを開発して、もしsrc-app.vueの中でTodoListに修正したら、main.jsはimport app from'./App'をimport TodoList from'./todoList'に変更して、

new Vue({
     
components:{
     TodoList},
template:''
})

vueは外部ラベルが1つしかないことが要求されるので、使用する場合は、大きなラベルで他のラベルを包むことができます.dataの前はオブジェクトで、足場の中でdataは関数で、オブジェクトを返します.data:function(){return{inputvalue:’}}コンポーネントを使用する場合はcomponentフォルダの下で自分で定義するファイル名.vueファイルが必要です.そのファイルがこのコンポーネントを使用する必要がある場合は、ページでimportが自分で定義したファイル名from'./components/自分で定義したファイル名を使用してコンポーネントを登録します:components:{'todo-item':自分で定義したファイル名}グローバルスタイルとローカルスタイルscoped表を付けると、このコンポーネントにのみこのスタイルが表示されます.