为什么⽤VUE，⽽不⽤Jquery了？
在没有任何前端框架之前，我们写代码，只能⽤原⽣的JS，进⾏数据的处理，DOM的操作，譬如对⼀个id 为txtName 的⽂本框进⾏赋值，我们是这样的 ElementById('txtName').value = '张三'。当然这还仅仅是针对通过id获取DOM ，现实开发中还有其它的各种操作，当然如果熟悉JS的话，其实写的代码性能也还不错。只不过⽤原⽣实现的代码⽐较多，开发起来慢啊，在这个时间就是⾦钱的年代，显然不是很好的⽅式。
jquery框架原理基于原⽣实现不是很⽅便，就出来个Jquery框架了，他让我们少写很多代码，对很多操作都进⾏了封装简化，使我们开发起来快多了，譬如同样针对上⾯那个⽂本框赋值的功能，$('#txtName’).val('张三')。如果需要针对这个元素进⾏样式等改变，直接往后接着写就⾏了，不像原来⽤原⽣JS那样⿇烦了。当然框架内部实现还是基于原⽣JS 这个是没办法改变的。
⽤Jquery开发了还多年，⾃⼰⼀直觉得已经挺快了，没有更好的⽅式了。但是总有⼀些⽜逼的⼈物想更快，更好的⽅式，JQUERY操作DOM还是太慢了，还是得必须针对⼀个个DOM去操作，有没有那种数据变了，DOM也跟着变的。譬如还是上⾯的例⼦，张三我现在⼜变成了李四了，我不需要到DOM再赋值，直接⽂本框值就变成了李四呢。于是乎VUE框架诞⽣了。
<body>
<div id="app">
<input type="text" v-model="{{username}}"/>
<input type="text" v-model="{{username}}" />
</div>
<script src="//unpkg/vue/dist/vue.js"></script>
</body>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
username:'张三'
}
});
</script>
我们只要data中 username 值赋予张三，⽂本框那边绑定了username , ⾃动就值出来了，⽽且就算来2个⽂本框，也不⽤我们⼀个个去操作每个dom。此时我们如果姓名变了  username=‘李四’，那么两个⽂本框的值也变成李四了，神奇不？
当然这只是VUE其中⼀个⽅便之处，还有很多功能都⼤⼤简化了我们前端的开发，仔细看有点像我们服务器端ASP.NET⼀样，对页⾯绑定数据的时候填⼀个变量名<input type="text"  value="<%=username%>" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。