Vue(1)

一 ：es6的语法

　　let:

　　　　特点：

　　　　　　1；局部作用域

　　　　　　2；不会存在变量提升

　　　　　　3；变量不能重复声明

1；使用let，声明的变量仅在块级作用域内有效。
2；var命令会发生变量提升现象，即变量可以在声明之前使用。变量bar用let命令声明，不会发生变量提升，这表示在声明它之前，变量bar是不存在的。
3；let不允许在相同的作用域内，重复声明一个变量，因此，不能再函数内部重新声明参数

　　const：

　　　　特点：

　　　　　　1；局部作用域

　　　　　　2；不会存在变量提升

　　　　　　3；不能重复声明，只声明常量 不可变的量

const声明一个只读的常量，一旦声明，常量的值就不能改变。const一旦声明变量，就必须立即初始化，不能留到以后赋值
const的作用域与let命令形同：只能在声明所在的块级作用域内有效。

　　

　　箭头函数  “=》”（这里我称为箭头函数）

　　　　function(){} === ()=>{} this 的指向性发生了改变

 

对象的使用

var person = {
            name:'alex',
            fav2:function(){
                //this指向了person
            },
            fav:()=>{
                //this指向了定义person对象的父类（上下文）
            },
            showName(){
                //this指向了person
            }
        }
    

es6的类

原型 prototype  当前类的父类（继承性）

class Person{
    constructor(name){
        this.name = name;
    }
    fav(){
    }            
    }

关于this的指向性问题：

1，es5的普通函数，this指向是指向了调用者，比如vue的实例的方法（在methods中声明了一个方法）是由vue实例vm调用的，所以this指向vm。

2，箭头函数的this指向它的调用者所在的上下文，也就是vm实例所在的上下文（定义vm的父类），即window

 

vue 的基本使用

下载

引包：

// component
new Vue({
    el:'#app',
    data(){
        return {
            
        }
    },
    methods:{
      //该组件中声明的方法  
    },
    watch:{
      //该组件中监听的单个属性
    },
    computed:{
    }
})

指令系统

模板语法：{{ xxx }}

v-html

v-if 和 v-show

v-for

v-bind：

v-on @

watch

computed 监听 主要产生缓存的数据属性，防止DOM性能消耗