ホームページ  >  記事  >  ウェブフロントエンド  >  vueとjsの違いは何ですか

vueとjsの違いは何ですか

coldplay.xixi
coldplay.xixiオリジナル
2021-03-16 14:28:4124276ブラウズ

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=&#39;修改后的标题&#39;
</script>

Vue がタグ要素を取得します:

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

概要:

  • js は最初に DOM オブジェクトを取得し、次に DOM オブジェクトの値を変更する必要があります。

  • Vue はまず値を js オブジェクトの Bind と比較し、 js オブジェクトの値を変更すると、Vue フレームワークによって DOM 値が自動的に更新されます。

関連する無料学習の推奨事項: JavaScript ビデオ チュートリアル

以上がvueとjsの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。