19-12-06 v-model的隐式emit writing-mode createObjectURL图片预览

writing-mode

horizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottom
vertical-rl：垂直方向自右而左的书写方式。即 top-bottom-right-left
vertical-lr：垂直方向内内容从上到下，水平方向从左到右
sideways-rl：内容垂直方向从上到下排列
sideways-lr：内容垂直方向从下到上排列

v-model

绑定了v-model的组件，会自动的、隐式的绑定一个emit方法@input，当组件内部执行

    this.$emit('input', val)

的时候，就会改变v-model指令绑定的值，即使这个值绑定的不是对象

createObjectURL为本地图片生成src路径

    // 这个是同步方法，适合读取小对象
    let URL= window.URL || window.webkitURL;
    img.src= URL.createObjectURL(file);

    // reader 是异步回调实现，适合读取大对象
    var reader=new FileReader();
    reader.readAsDataURL(file);
    reader.οnlοad=function(e){
        var result=document.getElementById("result");
                                    // 住着这里的this，指向的是reader
        result.innerHTML='<img src='+this.result+' alt=""/>'
    }