Vueの認識

6916 ワード
Vue
概要
Vueは、ユーザーインタフェースを構築するための漸進的なフレームワークです.他の大型フレームワークとは異なり,Vueは底から上へ層毎に適用できるように設計されている.Vueのコアライブラリは、ビューレイヤのみに注目し、使いやすいだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も容易です.一方、Vueは、近代的なツールチェーンやさまざまなサポートクラスライブラリと組み合わせて使用される場合、複雑な単一ページアプリケーションを駆動することができます.VueはES 6で文法も完全に使いやすく、とても便利な方法です.しばらく使用した後、今日はよく使われる開発コンポーネントを記録し、まとめます.ここでは、説明したコンポーネントの一部に直接コードを貼り、コメントを追加すると分かりやすくなり、後で同じ問題に遭遇してもレコードを閲覧することができます.
≪インスタンス｜Instance｜emdw≫
次のコードで、Vueがどのようにデータを埋め込んでいるかを認識させます.

<script>
   window.onload = function () {
       new Vue({
          el: "#box",//      Id
          data: {//     
               msg: "hello vue!",//key    html     msg    {{}}      ，        ，         {{msg}}
            }
         })
   }        
</script>

Vueステップの使用
  • 1は私たちが普段開発しているjavascriptのコードと同じで、Vueを導入する必要があります.jsの依存ライブラリ.ローカルにダウンロードするか、
    • に ダウンロードします.
  • 2 ラベルにVue.jsのコード
    • を く.
  • 3. が しました.

    • なインスタンス
    
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue     title>
    <script src="js/vue.js">script>
    <script>
        window.onload = function () {
            new Vue({
                el: "#box",//      Id
                data: {//     
                    msg: "hello vue!",//key    html     msg    {{}}      ，        
                }
            })
        }
    script>
head>
<body>
<div id="box">

    {{msg}}

div>
body>
html>

    の はhello vue!
    ケースのダウンロード
    ここでは、Vueが な 、 コンポーネント、または さなモジュールの があります.
  • Vueサンプルダウンロード
    • エクセルの表をMarkdown形式に変換する
    情報学オリンピック1冊通(C++)オンライン評価システム--基礎(一)C++言語--1074:津津津の貯蓄計画