第四篇:理解vue代码

解释以下代码:

实现输入框中能够打字的功能

<el-input v-model="input" placeholder="在这打字"></el-input>    

<调用饿了么的input组件>

<v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值(v-model好东西针不戳)>

<script>
export default {    <1.将这个东西导出(从而实现打字的功能??)，2.输出一个变量,3.使用组件化变量需要写这个东西>
  data() {　　　　　  <把data变成函数??>
    return {　　　　  <return属性,返回数据>
      input: ''      <不一定是要input,和上面的一致就好>
    }
  }
}
</script>

为何在大型项目中data需要使用return返回数据呢？
答：1.不使用return包裹的数据会在项目的全局可见，会造成变量污染
   　 2.使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件