vue和js区别是什么


本文摘自PHP中文网,作者coldplay.xixi,侵删。

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获取标签元素:

1

2

3

4

5

6

<script>

var h1 = document.getElementById("title")

var h2 = document.getElementsByTagName("h1");

console.log(h1.innerHTML)

h1.innerHTML='修改后的标题'

</script>

Vue获取标签元素:

1

2

3

4

5

6

7

8

9

10

11

var vm = new Vue({

    el:"#box1",

    data:{

        content:"标题"

    },

    methods:{

        dianji1:function () {

             this.content = "修改后的标题"

        }

    }

})

总结:

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

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

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

以上就是vue和js区别是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何理解javascript是动态语言

用javascript绘制一个渐变圆圈对角线

javascript是编译语言吗

js案例联系之留言板

javascript中方法和函数是什么

javascript如何定义一个方法

es6中新的变量声明方式介绍(附代码)

javascript有什么用?

javascript预编译做了啥

vue中mint ui是什么?

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...