1.安装Node
下载地址及教程:
2.安装Node.js插件
教学地址:
3.NPM命令
4.ES6
教学地址:
5.Vue入门
在Terminal中输入命令启动Vue'
启动
<script src="../node_modules/vue/dist/vue.min.js"></script>
---记得要添加
5.1 el挂载标签演示
5.1.1 id--el的时候用#号
<script src="../node_modules/vue/dist/vue.min.js"></script>
<body>
<div id="sss">
{{main}}
</div>
</body>
<script>
new Vue({
el:"#sss",
data:{
main:"嘿哈"
}
});
</script>
5.1.2 class-----【el的时候用 '.'】
<script src="../node_modules/vue/dist/vue.min.js"></script>
<body>
<div class="sss">
{{sos}}
</div>
</body>
<script>
new Vue({
el:".sss",
data:{
sos:"哎呦喂~"
}
});
</script>
5.2 data数据标签演示
5.3 methods方法标签演示
5.4 生命周期(钩子方法---created(){} )mounted(){}
5.5 双向绑定【v-show简写->(:show)】
5.6 MVVM
- 简介地址:
网友评论