欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

vue和js区别是什么

程序员文章站 2022-03-03 15:34:12
...

vue和js区别:1、js首先都要获取到DOM对象,再对DOM对象进行进行值的修改等操作;2、Vue是首先把值和js对象进行绑定,再修改js对象的值,Vue框架就会自动把DOM的值就行更新。

vue和js区别是什么

本教程操作环境:windows7系统、javascript1.8.5&&Vue2.9.6版,DELL G3电脑。

vue和js区别:

javaScript是运行在浏览器端的脚本语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互,JavaScript是浏览器解释执行的。

Vue.js可以作为一个js库来使用,也可以用它全套的工具来构建系统界面,这些可以根据项目的需要灵活选择,所以说,Vue.js是一套构建用户界面的渐进式JavaScript框架。Vue的核心库只关注视图层,Vue的目标是通过尽可能简单的 API 实现响应的数据绑定,在这一点上Vue.js类似于后台的模板语言。其本质上来说也是js代码

示例:

javaScript获取标签元素:

<script>
var h1 = document.getElementById("title")
var h2 = document.getElementsByTagName("h1");
console.log(h1.innerHTML)
h1.innerHTML='修改后的标题'
</script>

Vue获取标签元素:

var vm = new Vue({
    el:"#box1",
    data:{
        content:"标题"
    },
    methods:{
        dianji1:function () {
             this.content = "修改后的标题"
        }
    }
})

总结:

  • js首先都要获取到DOM对象,然后对DOM对象进行进行值的修改等操作

  • Vue是首先把值和js对象进行绑定,然后修改js对象的值,Vue框架就会自动把DOM的值就行更新。

相关免费学习推荐:javascript视频教程

以上就是vue和js区别是什么的详细内容,更多请关注其它相关文章!

相关标签: vue javascript