前端框架 Vue

2021-09-12 23:29:47 字數 2697 閱讀 3324

test() //函式呼叫表示式
var obj = ;

var arr = [123,'bai'];

obj.name //屬性呼叫表示式

arr[0] //屬性呼叫表示式

let name = 'wutao';

name //變數呼叫表示式

123         //數值字面量表示式

'wtao' //字串字面量表示式

true //布林字面量表示式

null //空表示式

undefined //未定義表示式

//物件字面量表示式

[123,true] //陣列字面量表示式

a + 1       //算術表示式

b * 1 //算術表示式

conidion ? name : title
// 語法:     雙大括號}

// 使用場景: 標籤內容處使用

// 單向資料繫結

// 支援js表示式

}

插值v-text區別

兩者都是在標籤內容處插入內容,但v-text是全量插入,而插值更靈活,除了全量插入,還可以使用部分插入

推薦只要使用插值就可以了

是模板語法重中之重,常用如下
v-text     //使用插值替代

v-html

v-show

v-if //條件判斷

v-else

v-else-if

v-for //迴圈

v-on //繫結事件

v-bind //繫結屬性

v-model //雙向資料繫結

v-pre

v-cloak

v-once

// 單向資料繫結

// 支援js表示式

// 使用指令v-bind,需傳入標籤屬性作為引數,例如:v-bind:title=""

出現上面的情況,屬性誰後誰顯示,原理是後面替代前面如果title在:title後面,那單向資料繫結失效

如果是使用函式,必須後面加括號呼叫()

注意如果改為如下**,this將發生變化

所有函式(方法)的定義,強烈推薦放在methods裡,不要定義到data裡面
// 單向資料繫結

// 支援js表示式

//數字0 --> false

//字串0 ---> true

注意點:

1、物件和陣列轉boolean都是true

2、空字串轉boolean是false

3、null、underfined、nan轉boolean是false

4、數值0是false

let arr = 

if(arr)

if(arr == fasle)

// 單向資料繫結

// 支援js表示式

// items可以是數字、字串、陣列、物件

var obj = {};

var initvalue = 'hello';

object.defineproperty(obj,"newkey",,

set:function (value)

});//獲取值

console.log( obj.newkey ); //hello 輸出

//設定值

obj.newkey = 'change value';

console.log( obj.newkey ); //change value

console.log( initvalue ); //change value

var obj = {};

var initvalue = 'hello';

object.defineproperty(obj,"newkey",,

set:function (value)

});document.getelementbyid('txt').oninput = function(e)

頁面跳轉 ---> 返回html

優點:首屏速度快,seo效果好

缺點:頁面切換慢

頁面跳轉 ---> js動態渲染

優點:頁面切換快

缺點:首屏速度慢,seo差

前端 vue框架

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

前端框架Vue

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

前端框架之Vue介紹

庫只是乙個工具,供我們使用 框架是具有思維的,有它自己生態系統 前端這個崗位是從後端慢慢分出來 jq 2010前 mvc思想 軟體架構 為什麼前端要從後端引入mvc這個思想?cmd mvc衍生架構 vue mvvm angular2.0 mvvm 2016年 如何高效的將伺服器資料渲染到前端介面 如...