Vue 零基礎小白學習指南 附教程

2021-10-05 09:51:36 字數 1649 閱讀 5263

框架指一套非常優秀可被反覆使用的**.(軟體半成品)

(1) 提高了**的復用率

(2) 降低模組之間的耦合度(學子** 耦合度高(密))

(3) 提高開發速度

(4) 提高**質量

vue開發者是尤雨溪,是受到angular啟發,是乙個實現

ui層的漸進式的js框架

餓了麼,滴滴,阿里

(1) 非常好中文文件

(2) 體積小

(3) 基於元件(web component)開發方式

vue 安裝腳手架 vue cli 的指南

vue.js 是當前乙個js的 mvvm庫,它以資料驅動和元件化的思想構造而成,比其它框架,簡潔,上手快.

模型(model) 資料 (var obj =)

中間人(viewmodel) viewmodel 紐帶

js+jq 專案(跑步js+自行車jq)

vue.js (自動檔車)

(1) vue實現掛載到某個元素上

(2) 當vue實現建立後,形成雙向繫結

上面dom listeners和data binding二個工具

(3) 從view側看,vue中datalistener工具幫助我們監聽dom變化

如果dom變化更新model資料

(4) 如果從model側看,當我們更新mode資料,vue中的data bindings工具會

幫我們更新view資料.

vue.js 指令以v-開頭特性屬性,它們作用html元素,指令提供一些特性,

指定繫結元素產生不同行為.

v-if

v-show

v-else

v-for

v-bind

v-on

基礎指令:vue 具有良好擴充套件性,我們可以自定義指令.

v-if 指令條件渲染指令,它根據表示式的true/false來刪除或新增元素

語法:"v-if="expression"

expression 是乙個返回bool 值,表示式true/false

刪除意義:元素刪除轉換為注釋

v-show 也是條件渲染指令,和v-if 指令不同的,使用v-show指令元素始終會渲染到html,它只裝置style屬性:顯示與隱藏

display:block

/display:none

v-else 指令v-else 指令必須跟乙個v-if或v-show 元素後,否則不能夠被識別.

v-for 指令

v-for 指令基於乙個陣列瀉染,它語法與js遍歷相似

v-for=「item in items」

零基礎小白如何學習UI設計

0基礎學員小白想學習ui設計,一共有三個步驟,分別是準備階段,了解階段和學習階段。準備階段 一般來說乙個零基礎學員想要學習ui設計,就得先準備好軟體 了解階段 了解ui設計的工作內容是什麼,到底要學習什麼,這邊的內容較多,有色彩,版式,切圖,規範,心理學,溝通學,ue,互動邏輯,手繪,切圖,適配,等...

小白零基礎學習之埠掃瞄

一 埠掃瞄工具 dmitry 使用dmitry進行埠掃瞄,其中 p引數指定dmitry進行tcp埠掃瞄。終端輸入dmitry可以看到對應的幫助資訊。二 埠掃瞄工具 netcat 使用netcat進行埠掃瞄。nc nvz ip位址 埠範圍。三 埠掃瞄獲取banner資訊 1.nmap 使用nmap掃瞄...

小白零基礎學習Linux常用命令

一 linux檔案操作相關命令 1.linux資料夾和檔案檢視命令 linux使用ls檢視當前目錄下的資料夾和檔案。ls alh a 檢視所有資料夾和檔案,l以長格式檢視,件大小以k m 為單位 man ls 檢視ls相關幫助,q退出 2.linux資料夾和檔案操作命令 資料夾操作命令mkdir,r...