Vue.js入门

2019-09-26 本文已影响0人磨陀货_

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>