vuejs用html屬性插值換樣式，怎麼一直弄不了啊

1樓：匿名使用者

試試寫成

v-bind:

可以直接使用html直接寫內容,為什麼要用vue.js

2樓：許俊平

}}解析：v-model:value="name" v-model:

value 給value屬性增加雙向資料繫結（不懂雙向資料繫結的看最下面的一坨廢話）指向的"name"是什麼？name是new vue()物件裡data下的name。name名字是自己隨便起的想叫什麼叫什麼。

也可以按你的**裡的叫message

@click="add" @click是vue語法裡乙個點選事件，事件指向new vue()裡methods下的add函式，這個函式也是自己起的名字。

v-for="item in list" v-for代表迴圈的意思，迴圈new vue()物件裡data下的list物件陣列，item代表迴圈的當前物件

:key="item.id" 列印物件的id屬性，id要是唯一標示。這個可以不寫不寫的話有bug哈哈哈有啥bug的話再問我吧因為這個bug不好描述。

add()

this.list.push(new_person)

this.name = null

}首先得點選『新增』這個按鈕才會觸發這個add方法

this.list是什麼？這個是new vue()物件裡data裡的資料，this.

list.length不用講了吧， this.name是什麼就是你當前在這是輸入框裡輸入的資料。

挖槽？我沒有用jquery獲取文字框的內容竟然直接呼叫this.name就可以獲取到文字框裡的內容，重要事情說三遍在用vue的時候是沒有操作dom的**的。

this.name確實是new vue()物件裡的屬性值，只不過vue物件發現頁面改變了迅速更新到了自己的name屬性上，v-model:value="name"這個就表示資料已經雙向繫結了。

this.name = null 為什麼最後要加這麼一句，因為資料雙向繫結所以把name置空以後資料的變化也會在頁面上展示出來這個輸入框的內容清空了，我有用$('input').val('')嗎？

並沒有。重要的事情說三遍不操作dom。

自己的廢話（網上的廢話理解了之後翻譯給你的）

vue是簡潔的mvvm框架，m:model是資料,v:view是檢視層，vm就是前兩個的中間層，用mvvm主要是用它的資料雙向繫結或者單向繫結（個人理解），

單向繫結：資料改變則頁面也會隨著改變（完全不用jquery操作dom，之前的開發方式是獲取完資料之後想要顯示在頁面上都會用jquery操作dom(dom就是頁面元素)）

雙向繫結：頁面改變資料也跟著改變，資料改變頁面也會跟著改變。我給的這個簡單例子就是資料雙向繫結（不操作dom）

如果mvvm都不知道的話那快快感謝我吧，我不僅僅回答了你的問題還給你多加了點料，哈哈其實我學vue之前也不知道什麼是mvvm只覺得這幫人淨整些虛的讓人去學習，知道mvvm後瞬間被打臉的感覺，確實很強。

vue官網也明確的表示不推薦開發人員操作dom因為它的vm層已經做了這方面工作了，你只要運算元據比如：this.message = '1' vm層自動檢視有沒有繫結頁面上的dom元素如果有使dom重新整理。

3樓：史丶凱丶東

hello

這是靜態資料，是寫死的，寫的什麼就是什麼

} 這是動態資料，顯示的東西取決於變數message還有vue的優越之處並不是雙花括號這樣的，他的優點是不用直接對dom進行操作。

4樓：妖王擼爆蛋

等你要寫幾十個頁面還要修改的時候你就知道哪種好用了

5樓：匿名使用者

這種控制許可權大，**清晰。message 修改起來非常方便不管是從後台傳過來得，還直接修改

6樓：逐浪雨曦

靈活啊，從後台是動態資料，你直接寫就是靜態資料，只有這一行**，你感覺直接寫更方便，如果是乙個專案呢，我這個p標籤裡，要顯示的資料如果變了呢，去伺服器上改嗎？如果反覆修改，你反覆去伺服器修改嗎？