close

先提供Vue於網路可載到的API document : https://vuejs.org/api/,

接下來是簡易範例:

<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

    <div id="app">
        {{message}}
    </div>
    
    <script type="text/javascript">
        var app = new Vue({
            el:'#app',
            data:{
                message:'hello world!!'
            }
        });
        
    </script>
</body>
</html>

 

效果如下!!

image

學習框架的好處就是,可以直接用別人已經寫好的套件,算是懶人的福音喔!

arrow
arrow
    文章標籤
    Vue
    全站熱搜
    創作者介紹
    創作者 mina 的頭像
    mina

    mina

    mina 發表在 痞客邦 留言(0) 人氣()