1乞旦,下載安裝vue.js下載git安裝在需要下載vue.js的地方打開輸入指令ump install vue下載成功后文件夾內(nèi)會多出文件即可2贼穆,使用vue輸出一個Hello world
{{message}}
? ? var exampleData = {
? ? ? ? message: "hello world"
? ? }
? ? new Vue({
? ? ? ? el: "#app",
? ? ? ? data: exampleData
? ? })
? ? 3,循環(huán)v-for 指令需要以 site in sites 形式的特殊語法, sites 是源數(shù)據(jù)數(shù)組并且 site 是數(shù)組元素迭代的別名兰粉。v-for 可以綁定數(shù)據(jù)到數(shù)組來渲染一個列表:
? ? ? {{ site.name }}
new Vue({
? el: '#app',
? data: {
? ? sites: [
? ? ? { name: 'Runoob' },
? ? ? { name: 'Google' },
? ? ? { name: 'Taobao' }
? ? ]
? }
})4,使用vue寫表格
th與 td區(qū)別:加粗字體? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? < th>? 編號
名稱單價
1. {{ site.name }}
new Vue({
? el: '#app',
? data: {
? ? sites: [
? ? ? { name: 'Runoob' },
? ? ? { name: 'Google' },
? ? ? { name: 'Taobao' }
? ? ]
? }
})
v-html和v-text的區(qū)別:
v-html可以中可以識別標簽而v-text則不可以
v-once:
只可以被渲染一次
v-pre:
被渲染后無法改變
5,總結:
Vue.js(讀音 /vju?/, 類似于 view) 是一套構建用戶界面的漸進式框架故痊。Vue 只關注視圖層, 采用自底向上增量開發(fā)的設計玖姑。Vue 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組愕秫。