vue: 是一套用于构建用户界面的渐进式JavaScript框架

　　渐进式： Vue可以自底向上逐层的应用：

　　简单应用： 只需一个轻量小巧的核心库

　　复杂应用： 可以引入各式各样的Vue插件

vue特点：

1. 采用组件化(一个.vue文件就是一个组件，直接引用组件即可)模式， 提高代码复用率，且让代码更好维护

2. 声明式编码，让编码人员无需直接操作DOM, 提高开发效率

 3. 使用虚拟DOM + 优秀的Diff算法，尽量复用Dom节点

 4. 学习Vue之前要掌握的JavaScript基础知识？

ES6语法规范：结构赋值、箭头函数、模板字符串。。。

ES6模块化：默认暴露、分别暴露、统一暴露。。。

包管理器:npm

原型、原型链

数组常用方法：过滤、筛选

axios

promise

...

一. vue基础

 初识Vue:

　　1. 想让Vue工作，就必须创建一个Vue实例(new Vue())，且要传入一个配置对象；

　　2. root容器里的代码依然符合Html规范，只不过混入了一些特殊的Vue语法；

　　3. root容器里的代码被称为【Vue模板】

    
        
        
        
        
    
    
        
        
id = "root">
            
Hello {{name}}
        

        
    

 　　细节1： 一个实例，如果有2个容器；

　　第二个容器解析不了 ------>一个实例不能对应多个容器

    
        
        
        
        
    
    
        
        
class = "root">
            
Hello {{name}} 1
        
        
class = "root">
            
Hello {{name}} 2
        

        
    

 　　控制台不报错，但是第二个容器解析不了；一个实例不能对应多个容器

　　细节2 ： 一个容器对应多个实例

　　　一个容器不能对应多个实例；

    
        
        
        
        
    
    
        
        

            
Hello {{name}} , {{address}}
        

        
    

　　解析结果：vue.js:634 [Vue warn]: Property or method "address" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property

 　　第二个实例解析不了；控制台报错

总结：

　　注意区分：js表达式 和 js代码(语句)

　　　　1. 表达式： 一个表达式会生成一个值，可以放在任何一个需要值得地方

　　　　　　(1). a 

　　　　　　(2). a + b 运算

　　　　　　(3). demo(1) 函数表达式

　　　　　　(4). x === y ? 'a' : 'b' 

 　　　　2. js代码(语句)

　　　　　　(1). if (){}

　　　　　　(2). for (){}

　　　　　　(3). 

二.vue-cli

三.vue-router

四.vuex

五.element-ui

六 .vue3