>웹 프론트엔드 >JS 튜토리얼 >vue와 js의 차이점은 무엇입니까

vue와 js의 차이점은 무엇입니까

coldplay.xixi
coldplay.xixi원래의
2021-03-16 14:28:4124315검색

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是运行在浏览器端的脚本语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互,JavaScript是浏览器解释执行的。

Vue.js

Vue.js는 js 라이브러리로 사용하거나 전체 도구 세트를 사용하여 시스템 인터페이스를 구축할 수 있으므로 프로젝트 요구 사항에 따라 유연하게 선택할 수 있습니다. Node.js는 사용자 인터페이스 구축을 위한 진보적인 JavaScript 프레임워크 세트입니다. Vue의 핵심 라이브러리는 뷰 레이어에만 중점을 둡니다. Vue.js는 가능한 가장 간단한 API를 통해 응답 데이터 바인딩을 구현하는 것입니다. 이것은 본질적으로 js 코드입니다.

예:

javaScript는 태그 요소를 가져옵니다.

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

Vue는 태그 요소를 가져옵니다.

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

요약:
  • js는 먼저 DOM 객체를 가져온 다음 DOM에서 작업을 수행해야 합니다. object 값 수정 및 기타 작업
  • Vue는 먼저 값을 js 개체에 바인딩한 다음 js 개체의 값을 수정하고 Vue 프레임워크가 자동으로 DOM 값을 업데이트합니다.

관련 무료 학습 권장사항: javascript 비디오 튜토리얼

🎜

위 내용은 vue와 js의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.