Vueの環境を使用してインストールし、簡単な

免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
このリンク: https://blog.csdn.net/caoxuecheng001/article/details/102752771

インストール

1、ダウンロードのNode.js

2、CMDウィンドウを開きます。

npm install nrm -g


nrm ls


nrm use taobao

3、アイディアを開きます

空の静的なWebプロジェクトを作成します。VUE-デモモジュールを作成し、ターミナルを開き、入力

cd vue-demo

npm init -y

npm install vue --save

このような環境VUE良く構築します。

どのようにそれを使用するには?

このとき、このようのディレクトリ構造

新しいHTMLページ、OKの輸入vue.js

<body>
<div id="app">
    <input type="text" v-model="num">
    <button @click="num++">+</button>
    <h1>{{name}}非常帅<br>
        {{num}}位女神为他证明了呀!

    </h1>

</div>
<script src="node_modules/vue/dist/vue.js"></script>
<script>
    const app=new Vue({
        el:"#app",
        data:{
            name:"小明",
            num:1
        }
    });
</script>


</body>

 

おすすめ

転載: blog.csdn.net/caoxuecheng001/article/details/102752771