Vue簡介

一 點睛

Vue.js(讀音 /vjuː/, 類似於 view) 是一套構建用戶界面的漸進式框架。

Vue只關注視圖層,採用自底向上增量開發的設計。

Vue的目標是通過儘可能簡單的API實現響應的數據綁定和組合的視圖組件。

二 入門實例

1 代碼

<!DOCTYPE html>
<html>


<head>
    <meta charset="utf-8">
    <title>入門實例</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>


<body>
    <div id="app">
        <p>{{ message }}</p>
    </div>


    <script>
        new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue.js!'
            }
        })
    </script>
</body>


</html>

2 效果

三 參考資料

Webpack 入門教程:http://www.runoob.com/w3cnote/webpack-tutorial.html

官方文檔:http://vuejs.org/v2/guide/syntax.html

中文文檔: https://cn.vuejs.org/v2/guide/syntax.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章