美文网首页
新手不使用vue-cli来学习vue的简单模板

新手不使用vue-cli来学习vue的简单模板

作者: 一眼就认出你 | 来源:发表于2018-08-26 20:53 被阅读0次

    解决办法:(引入如下代码)

     <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
    

    vueIndex.html文件代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <span v-if="seen">Now you see me.</span>
        </div>
        <script src="vueIndex.js"></script>
    </body>
    </html>
    

    vueIndex.js文件代码:

    var app=new Vue({
            el : '#app',
            data:{
                seen:true
            }
    })
    

    用浏览器打开vueIndex.html,可以 直接查看效果
    将seen:true改成seen:false试试效果

    相关文章

      网友评论

          本文标题:新手不使用vue-cli来学习vue的简单模板

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