vue那些事兒(一)

2021-10-24 08:14:10 字數 1478 閱讀 1743

<

!-- 開發環境版本,包含了有幫助的命令列警告 --

>

"">

<

/script>

或者

<

!-- 生產環境版本,優化了尺寸和速度 --

>

"">

<

/script>

每個vue應用都需要通過例項化vue來實現

語法格式如下:

var vm=

newvue

()

舉例:

="vue_det"

>

site:

}<

/h1>

url:

}<

/h1>

}<

/h1>

<

/div>

var vm=

newvue(,

methods:}}

)

data用於定義屬性

methods用於定義函式,可以通過return來返回函式值

}用於輸出物件屬性和函式返回值。

"vue_det"

>

site :

}<

/h1>

url :

}<

/h1>

}<

/h1>

<

/div>

vue例項被建立時,它向vue的響應式系統中加入了其data物件中能找到的所有的屬性,當屬性值發生改變時,html檢視將也產生相應的變化

var data=

var vm=new vue()

document.

write

(vm.site==

=data.site)

//true

vm.site=

"矮子"

document.

write

(data.site)

//矮子

data.alexa=

1234

document.

write

(data.alexa)

//1233

var data =

var vm = new vue()

document.

write

(vm.$data ==

= data)

// true

document.

write("

")document.

write

(vm.$el ==

= document.

getelementbyid

('vue_det'))

// true

Vue那些事兒(計算屬性)

div data 計算屬性的例項 這個例子提供的函式作為屬性vm.reversemessage的getter。vm.reversemessage依賴於vm.message,在vm.message發生改變時,vm.reversemessage也會更新。p p div var vm newvue com...

SQL那些事兒(一)

比如這樣 insert into student id,code,name,sql values 1 001 張三 insert into student id values 1 where name 李四 這樣肯定會報錯,因為 會影響外面sql語句 這時我們要修改為這樣 insert into s...

DLL那些事兒(一)

我們將討論 我們不討論 什麼是動態庫 大多數動態庫的副檔名都是 dll hello.cpp extern c char const cdecl getgreeting 使用vs構建工具進行編譯和鏈結,我們使用 c選項告訴編譯器只進行編譯 使用 dll選項告訴鏈結器不要構建exe 預設選項 而是構建乙...