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：将当前组件的样式设立独立作用域，只在当前组件中有效