Vue.js入门

作者: 磨陀货_ | 来源:发表于2019-09-26 15:42 被阅读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>
    

     5.2 data数据标签演示


     5.3 methods方法标签演示



     5.4 生命周期(钩子方法---created(){} )mounted(){}


     5.5 双向绑定【v-show简写->(:show)】


     5.6 MVVM

    • 简介地址:

    相关文章

      网友评论

        本文标题:Vue.js入门

        本文链接:https://www.haomeiwen.com/subject/jppyuctx.html