vue-cli的元件都寫在專案資料夾下的`src`資料夾下的`components`下，每個元件單獨乙個`.vue`檔案。
每個元件檔案都包含：模版（template）、元件引數、元件樣式（style）
// 模版<
template
>
template
>
// 元件引數
<
script
>
export
default
;script
>
// 元件樣式
// 在style標籤中新增`scoped`，表示該樣式只適用於當前元件，如果需要全域性適用，則去掉`scoped`即可
<
style
scoped
>
style
>
在寫元件引數時，和在vue中的寫法一樣。
import 自定義元件名（不一定必須使用vue檔名） from "檔案路徑";
。1、2兩步
合起來的示例**：
<script
>
import headervue from
"./components/header";
export
default,};
script
>
<template
>
<
div
id>
<
headervue
>
headervue
>
div>
template
>
Vue cli中的元件（傳參）
vue cli中元件之間的引數傳遞，只能是父元件向子元件傳參。在父元件中的data中返回引數 在呼叫子元件時，進行資料繫結。template div id headervue msgjson headervue div template script import headervue from co...
路由 vue cli 元件
動態路由 巢狀路由 可以在cookies裡面更改資訊 個人使用者資訊。是vue框架的乙個工具。1.安裝 npm install g vue cli 是node.js的包管理工具，和npm功能相同，但是比npm 功能更強，速度更快 安裝yarn cnpm i g yarn 2.檢查其版本是否正確 vu...
vue cli 元件之間的通訊
不要在子元件中直接修改父元件的狀態資料 資料和處理資料的函式應該在同一模組內 props 自定義事件 slot插槽 訊息訂閱與發布 vuex 在元件內宣告所有的 props 只指定名稱 props name age logdog 指定名稱和型別 props 指定名稱 型別 必要性 預設值 props...