详解使用vue-cli脚手架初始化Vue项目下的项目结构
这篇文章主要介绍了详解使用vue-cli脚手架初始化Vue项目下的项目结构，现在分享给大家，也给大家做个参考。
vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
使用vue-cli有以下几大优势：
vue-cli是一套成熟的Vue项目架构设计，会跟着Vue版本的更迭而更新
vue-cli提供了一套本地的热加载的测试服务器
vue-cli集成了一套打包上线的方案，可使用webpack或Browserify等构建工具
安装
下面来安装vue-cli
# 必须全局安装vue-cli，否则无法使用vue命令 # 安装完成之后使用vue -V检查vue-cli是否安装成功及版本信息 $ npm install -g vue-cli $ vue -V
创建项目
接下来使用vue-cli创建一个新的Vue项目
# 项目创建完之后需要执行npm install安装依赖 $ vue init webpack vuedemo $ npm install
创建的vuedemo文件夹所包含的文件如下：
[index.html]
index.html和其他html文件一样，但一般只定义一个空的根节点，在main.js里面定义的实例将挂载在根节点下，内容都通过vue组件来填充，由于所有的挂载元素会被Vue生成的DOM替换，因此不推荐直接挂载实例到 <html> 或者 <body> 上。
[main.js]
是Vue应用的入口文件，用来创建一个新的Vue实例，并将这个实例挂载在根节点下，同时也可以用来引入Vue插件
‘el'选项：提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标，这里就是index.html中id为‘app'的节点
‘router'选项：将router实例注入到Vue根实例中，使它的每个子组件都可以访问$router (router实例)和$route (当前激活的路由信息对象)
‘template'选项：以一个字符串模板作为 Vue 实例的标识使用
‘components'：根组件
[App.vue]
项目的根组件，可以包含其他的子组件，从而组成组件树
只能包含一个子节点，也就是说顶层的p只能有一个（如图，id为‘app'的p元素没有兄弟节点）
<script></script>通常用es6来写，用export default导出
中的样式默认是影响全局的，如需定义作用域只在该组件下起作用，需在标签上加scoped，
[router/index.js]
路由配置文件，作用是将组件映射到路由，方便知道在哪里渲染它们
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
Atas ialah kandungan terperinci 详解使用vue-cli脚手架初始化Vue项目下的项目结构. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Windows tidak boleh memulakan pemacu peranti untuk pembetulan perkakasan ini (kod 37).
Apr 14, 2023 pm 01:22 PM
Apabila Windows mengesan bahawa pemacu peranti tidak serasi atau rosak, ia tidak boleh memulakannya. Peranti berhenti berfungsi dan apabila pengguna menyiasat, mesej ralat "Windows tidak boleh memulakan pemacu peranti untuk perkakasan ini (Kod 37)" muncul dalam anak tetingkap Status Peranti. Menyelesaikan masalah ini adalah mudah dan anda boleh melakukannya dengan mudah. Betulkan 1 – Imbas komputer anda Anda boleh mengimbas peranti anda untuk sebarang perubahan perkakasan. Windows akhirnya akan menyemak dan mengesan sebarang perubahan pemacu. 1. Anda hanya perlu klik kanan pada "Windows Key" dan klik pada "Device Manager". 2. Apabila Pengurus Peranti muncul pada sistem anda, klik Tindakan pada bar menu. 3. Di sini,
FIX: Windows tidak boleh memulakan pemacu peranti untuk perkakasan ini
Apr 13, 2023 pm 01:19 PM
Kod ralat 37 bermakna Windows telah mengesan masalah dengan pemacu peranti dan tidak boleh memulakan peranti perkakasan. Ini bermakna pemacu peranti perisian tidak dipasang dengan betul pada sistem anda atau perkakasan yang anda cuba gunakan tidak serasi dengan Windows. Anda sudah tahu bahawa pemacu adalah penting untuk kelancaran peranti anda, jadi jika anda akan menggunakan peranti perkakasan, anda perlu menyelesaikan ralat ini dengan segera. Dalam artikel ini, kami akan menunjukkan kepada anda pelbagai cara untuk memintas ralat ini. Apakah yang menyebabkan kod ralat Windows 37? Apabila anda mendapat Windows tidak boleh memulakan pemacu peranti untuk perkakasan ini. (Kod 37), ia boleh disebabkan oleh beberapa isu, termasuk: Isu keserasian – apabila anda menambah hard
Perkara yang perlu dilakukan jika rutin permulaan perpustakaan pautan dinamik gagal
Dec 29, 2023 am 10:30 AM
Penyelesaian: 1. Pasang semula aplikasi; 2. Membaiki atau memasang semula DLL; Semak dokumentasi atau forum rasmi;
Bagaimana untuk memulakan komputer dalam win7
Jan 07, 2024 am 11:53 AM
Sistem win7 adalah sistem berprestasi tinggi yang sangat baik Semasa penggunaan win7 secara berterusan, ramai rakan bertanya bagaimana untuk memulakan komputer dalam win7! Hari ini, editor akan membawa anda cara memulihkan tetapan kilang komputer win7. Maklumat berkaitan tentang cara untuk memulakan komputer dalam win7: Arahan terperinci dengan gambar dan teks Langkah: 1. Buka "Menu Mula" dan masukkan. 2. Klik untuk memasukkan tetapan di bahagian bawah sebelah kiri. 3. Dalam antara muka tetapan kemas kini dan pemulihan Win10, pilih. 4. Klik di bawah "Alih keluar semua kandungan dan pasang semula Windows". 5. Anda boleh melihat tetapan "Permulaan" berikut, dan kemudian klik. 6. Masukkan pilihan tetapan "Komputer anda mempunyai beberapa pemacu" Terdapat dua pilihan di sini, anda boleh memilih mengikut situasi.
Betulkan Tidak dapat memulakan ralat sistem grafik pada PC
Mar 08, 2024 am 09:55 AM
Ramai pemain telah menghadapi isu yang mengecewakan permainan gagal untuk memulakan sistem grafik. Artikel ini akan menyelidiki sebab biasa di sebalik masalah ini dan mencari penyelesaian yang mudah tetapi berkesan yang akan membawa anda kembali ke papan dan mengatasi tahap dalam masa yang singkat. Jadi, jika anda mendapat Tidak dapat memulakan mesej ralat sistem grafik dalam Rollercoaster Tycoon, Assassin's Creed, Tony Hawk's Pro Skater, dll., kemudian ikuti penyelesaian yang dinyatakan dalam artikel ini. Ralat Permulaan Tidak dapat memulakan sistem grafik. Kad grafik tidak disokong. Betulkan Tidak dapat memulakan mesej ralat sistem grafik Untuk menyelesaikan Tidak dapat memulakan ralat sistem grafik dalam permainan seperti Rollercoaster Tycoon, Assassin's Creed, Tony Hawk's Pro Skater, dll., anda boleh mencuba penyelesaian berikut: Kemas kini pemacu kad grafik anda dalam mod keserasian
Bagaimana untuk menetapkan semula tetapan rangkaian win7
Dec 26, 2023 pm 06:51 PM
Sistem win7 adalah sistem berprestasi tinggi yang sangat baik Baru-baru ini, ramai rakan sistem win7 sedang mencari cara untuk memulakan tetapan rangkaian dalam win7 Hari ini, editor akan membawakan kepada anda butiran permulaan rangkaian komputer win7 tengok tutorial. Tutorial terperinci tentang cara untuk memulakan tetapan rangkaian dalam win7: Langkah grafik: 1. Klik menu "Mula", cari dan buka "Panel Kawalan", dan kemudian klik "Pusat Rangkaian dan Perkongsian". 2. Kemudian cari dan klik "Tukar Peranti Penyesuai". 3. Seterusnya, dalam tetingkap yang terbuka, klik kanan "Sambungan Kawasan Setempat" dan kemudian klik "Properties". 4. Selepas membukanya, cari "Internet Protocol Version (TCP/IPv4)" dan dua kali ganda
Kamus permulaan program C++
Sep 09, 2023 pm 07:01 PM
C++ berbeza daripada Python dari segi kamus dengan nama yang sama, tetapi ia mempunyai struktur data yang sama dengan fungsi yang serupa. C++ menyokong pemetaan, yang boleh digunakan dalam kelas STL std::map. Objek peta mengandungi sepasang nilai dalam setiap entri, satu adalah nilai utama dan satu lagi adalah nilai peta. Nilai utama digunakan untuk mencari dan mengenal pasti secara unik entri dalam peta. Walaupun nilai yang dipetakan tidak semestinya unik, nilai utama mestilah sentiasa unik dalam peta. Mari kita lihat cara menggunakan pemetaan. Mula-mula, mari lihat cara untuk menentukan struktur data yang dipetakan dalam C++. Sintaks #includemap<data_type1,data_type2>myMap Mari kita ambil contoh untuk melihat cara melakukan ini − Contoh #incl
Betulkan: SSD baharu tidak muncul dalam Windows 11, 10
Apr 14, 2023 pm 02:52 PM
SSD telah merevolusikan dunia teknologi. Penyelesaian penyimpanan data ini, dengan kelajuan baca/tulis yang sangat pantas dan tiada tandingannya, membuatkan setiap pengguna tidak sabar-sabar untuk memasang sistem pengendalian sistem mereka di dalamnya. Tetapi bagaimana jika SSD baharu anda tidak muncul pada peranti Windows anda? Ini adalah isu biasa yang mungkin anda hadapi dengan SSD baharu yang dipalamkan ke dalam sistem anda. jangan risau. Kami baru sahaja mendapat penyelesaian yang betul, anda hanya perlu mengikuti langkah ini dan SSD anda akan kembali dalam Penjelajah Fail anda dalam masa yang singkat. Penyelesaian - 1. Periksa sambungan SSD. Jika anda menggunakan hab USB, sambungkan SSD terus ke sistem anda. Periksa penyambung SSD untuk sebarang kecacatan fizikal.
