前端框架之Vue介紹

庫只是乙個工具，供我們使用

框架是具有思維的，有它自己生態系統

前端這個崗位是從後端慢慢分出來

mvc思想 -> 軟體架構

為什麼前端要從後端引入mvc這個思想？

cmd

mvc衍生架構

vue mvvm

angular2.0 mvvm 2023年

如何高效的將伺服器資料渲染到前端介面

如果高效的將使用者輸入的資料渲染到前端介面

1.vue是乙個mvvm框架

單向資料流

vue是乙個js漸進式框架

vue是使用了虛擬dom技術

vue擁有便利性的指令

vue擁有元件系統

當我們以script標籤引入vue.js時，我們會得到乙個全域性變數vue,它是乙個建構函式

這個建構函式需要例項化才能起作用

我們需要乙個已有dom作為vue例項作用範圍

我們說剛才的這個已有dom的內容為假，這個假指的是它是虛擬dom,這個是從選項中分離出去的，所以我們才能使用this,但是這個在v中看起來很彆扭，所以可以省略this

要想在dom結構中書寫js，那麼我們的需要乙個插值表示式，也就是}

看的是已經經過處理後生成的**

vue通過原型繼承方式來實現vue功能，vue的例項通過原型訪問定義的屬性

vue使用有兩種

前端 vue框架

model 模型 資料 view 檢視 html 標籤，樣式 viewmodel 用來結合模型和檢視 決定資料展示在哪個標籤上 vue中的資料和頁面上標籤內容是 繫結 在一起的，模型資料發生了變動，頁面檢視也會相應變化。這種特性稱之為 響應式 框架。佔位，到模型中找相應的資料進行展示,匹配的是模型資...

前端框架 Vue

test 函式呼叫表示式var obj var arr 123,bai obj.name 屬性呼叫表示式 arr 0 屬性呼叫表示式let name wutao name 變數呼叫表示式123 數值字面量表示式 wtao 字串字面量表示式 true 布林字面量表示式 null 空表示式 undefi...

前端框架Vue

由於 npm 安裝速度慢，本教程使用了 的映象及其命令 cnpm，安裝使用介紹參照 使用 npm 映象。npm 版本需要大於 3.0，如果低於此版本需要公升級它 檢視版本 npm v 2.3.0 公升級 npm cnpm install npm g 公升級或安裝 cnpm npm install c...