vue和js区别：1、js首先都要获取到DOM对象，再对DOM对象进行进行值的修改等操作；2、Vue是首先把值和js对象进行绑定，再修改js对象的值，Vue框架就会自动把DOM的值就行更新。
本教程操作环境：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获取标签元素：
Element Plus UI Vue3
下载
Element Plus Vue3 桌面组件库。在开发 Vue 3.x 页面时调用，使用 Element Plus 组件（如 el-button、el-input、el-form、el-table 等）。
<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实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
