VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > JavaScript教程 >

  • 第四篇:理解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包裹后数据中变量只在当前组件中生效，不会影响其他组件
 

出处：https://www.cnblogs.com/FatTiger4399/p/15237411.html

 



相关教程