0
点赞
收藏
分享

微信扫一扫

vue与jquery区别


区别1:jQuery首先要获取到dom对象,然后对dom对象进行进行值的修改等操作
区别2:Vue是首先把值和js对象进行绑定,然后修改js对象的值,Vue框架就会自动把dom的值就行更新。
区别3:可以简单的理解为Vue帮我们做了dom操作,我们以后用Vue就需要修改对象的值和做好元素和对
象的绑定,Vue这个框架就会自动帮我们做好dom的相关操作
区别4:这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定,如果JS对象的值也跟随着dom元素的
值的变化而变化就叫做双向数据绑定

jquery 示例

<div id="name"></div>
<div id="name2"></div>
<div id="#dob">点击</div>

<script type="text/javascript">
$("#dob").click(function(){
$("#name").text("李四");
$("#name2").text("王五");
});
</script>

vue示例

<div id="app">
<div id="name"></div>
<div id="name2"></div>
<div v-on:click="dob">点击</div>
</div>
<script>
new Vue({
el: '#app',
data:{
name:"张三",
name2:"王子"
},
methods:{
dob:function(){
this.name = "李四";
this.name2 = "国王";
}
}
})
</script>

 

举报

相关推荐

0 条评论