Vue-7

cli3/cli2:

• cli3 的webpack配置放在了node_modules的 @vue/cli-sever中
• cli2 的配置
  • standard build目錄中
  • simple webpack.config.js
• 問題：若是咱們在cli3中要進行webpack配置，怎麼辦？
• 分析：cli3的基礎webpack配置咱們不要動，未來node_modules會被刪除
• 解決：新建一個vue.config.js文件進行webpavk的覆蓋配置
• 問題：
  • 1.cli2/cli3在一臺電腦上不能同時裝的
  • 2.cli3不能裝，裝cli2
    • 先卸載cli3
    • yarn remove @vue/cli global
    • cnpm uninstall @vue/cli global
    • 重啓電腦
    • 安裝cli2
    • cnpm i vue-cli -g

    • 若是還不行，卸載node.js重裝

      .vue文件（單文件組件）

1. 包含部分

• .vue文件包含三個部分
  • template(模板：DOM結構)
  • script(組件的配置項)
  • style(樣式)
• 注意：template是必須有的，script和style能夠沒有
• 單文件組件：一個組件就是一個文件
• .vue文件命名要使用大駝峯或是 - 的形式
  • 舉例：ContentBox/movie-box/Father
• 要想在編譯器中.vue文件代碼高亮，安裝Vetur插件
• 單文件組件使用
  • 先建立.vue文件
  • 想在哪裏使用就在哪裏導入(import xxx from xxx)
  • 在當前組件中註冊導入的組件

export default {
    components:{
        xxx
    }
}

• HMR:熱重載(文件修改，瀏覽器自動刷新)
• scoped：將當前組件的樣式設立獨立做用域，只在當前組件中有效