免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
インストール
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>