已安裝好node.js 16.14.2
一拳氢、項目腳手架
第一步：
npm install -g @vue/cli 或 yarn add -g @vue/cli
第二步：
vue create 項目名字（盡量用英文）
第三步：運行項目
npm run serve
安裝新的軟件包顶考，使用npm i 依賴包的名字 或 yarn add依賴包的名字
二少态、vue相關概念：
vue3漸進式javaScricpt框架
特點：組件化冻璃、虛擬dom、diff算法
vue文件以vue結尾从撼，是一個SFC（Single-File-Component）單文件組件
遵循MVVM 架構怜森、Model-ViewModel, 重點是實現了數據的雙向綁定，指令用的是v-modle暇咆、v-bind锋爪、v-on
理解M-A-VM模型，VlewModel 是實現虛擬dom爸业、diff算法的核心點
內置指令：
v-text：插值綁定其骄、語法也可以是{{ }}
v-html:綁定html代碼片段，相當于是原生的innerHtml扯旷、有安全性問題拯爽，容易XSS攻擊
v-show：顯示一個dom元素，dom元素不會被刪除钧忽、
v-if毯炮、v-else-if、v-else:動態(tài)顯示一個dom元素惰瓜，條件成立否副，dom元素才會真正顯示出來，否則移除（不新增）真實dom
v-for ：循環(huán)當前所在的元素崎坊，當前备禀！當前！當前！
v-on：簡寫@ 綁定事件曲尸，鼠標事件赋续，鍵盤事件，例如：@click另患，@dbclick纽乱、@mounseup、@mousedown昆箕、@mousemove
v-bind:綁定屬性指令鸦列，是組件的prop或者attribute（width、height鹏倘、style）
v-model：值的雙向綁定薯嗤，通常用與input（text、password纤泵、radio骆姐、checkbox、number）捏题、select
v-slot：聲明具名插槽或是期望接收props的作用域插槽
<!-- 具名插槽 -->
<BaseLayout>
? <template v-slot:header>
?? Header content
? </template>
? <template v-slot:default>
?? Default slot content
? </template>
? <template v-slot:footer>
?? Footer content
? </template>
</BaseLayout>
<!-- 接收 prop 的具名插槽 -->
<InfiniteScroll>
? <template v-slot:item="slotProps">
?? <div class="item">
? ?? {{ slotProps.item.text }}
?? </div>
? </template>
</InfiniteScroll>
v-cloak：防止閃現指令玻褪、 v-once:靜態(tài)內容指令、v-pre：跳過編譯指令
