Vue基礎

時間 2021-01-23

標籤前端 vue react npm app 框架 dom 組件化學習測試欄目 React 简体版

原文原文鏈接

Vue2.x和VUe3.x是兩條線路，都會進行迭代更新。前端

前端三大框架是：Vue、react和Angela，其中Vue最大的特色是雙向數據綁定。vue

雙向指的是視圖和數據；dom將數據傳遞給Vue實例，Vue實例的屬性會傳遞給domreact

vue的概述

vue.js是一套構建用戶界面的漸進式框架，Vue採用自底向下增量開發的設計。Vue的核心庫只關注視圖層，它不只容易上手，還便於與第三方庫或者既有項目進行整合。另外一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也徹底可以爲複雜的單頁應用程序提供驅動。(SPA單頁面應用，全部的顯示都在一個頁面當中)npm

漸進式：一步一步，不是說你必須一次把全部的東西都用上app

自底向上設計：是一種設計程序的過程和方法，就是先編寫出基礎程序段，而後再逐步擴大規模、補充和升級某些功能，其實是一種自底向上構造程序的過程。框架

聲明式渲染和組件化

聲明式渲染：

Vue.js的核心是一個容許採用簡潔的模板語法來聲明式的將數據渲染進DOM的系統，例如：dom

<body>
    <div id='app'>
        <!-- 使用插值表達式將數據渲染 -->
        <p> {{message}} </p>
    </div>
</body>
<script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script>
<script>
    new Vue({ el: '#app', data: { message: '聲明式渲染數據，使用插值表達式的方式', }, }) </script>