1. 程式人生 > 其它 >vue學習-01-入門和安裝

vue學習-01-入門和安裝

vue學習-01-入門和安裝

介紹

Vue是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,Vue 也完全能夠為複雜的單頁應用提供驅動。

安裝

<!-- 開發環境版本,包含了有幫助的命令列警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!-- 生產環境版本,優化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

測試

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue入門</title>
</head>
<body>
<div id="app">
        {{message}}
</div>

<script src="../js/vue.js"></script>
<script>
    //去掉警告
    Vue.config.productionTip = false;


    const app = new Vue({
        el: '#app',
        data : {
            message:'hello,vue'
        }
    });
</script>
</body>
</html>

測試結果