vue的基本使用總結一

2021/3/25

vue的基本使用

jquery與vue定位不一樣

jquery獲取元素完成特效

vue的定位是方便操作和控制資料完成特效

1.乙個html頁面中可以存著多個vue例項物件 但是例項物件的變數名唯一

2.js所有變數和語法區分大小寫 new vue()
3.建議例項化vue物件的**寫在body的最後面 免得出現html元素無法獲取的錯誤出現

vue m-v-vm思想 model-view-viewmodel 雙向資料繫結

網頁控制台輸入

vm

vm.message
vm.message="你好"

顯示密碼

樣式操作

這是普通樣式div>
vue修改樣式值div>
vue修改樣式值 值是物件名div>
vue修改樣式值 值是陣列div>
div>
var vm=new vue(,
sty2:,​}
})script>

序號

商品編號
商品標題
商品**
商品數量
}}}}}

1.v-show 後面不能v-else或v-else-if

2.v-show 隱藏元素時 使用的是display:none來隱藏的，而v-if 直接從html 文件中移除元素[dom操作中的remove]

一段文字

一段文字2

jquery的定位是獲取元素完成特效

vue的定位是方便操作和控制資料和完成特效

1.純文字資料} 2.表單標籤中輸出表單的值 v-model

3.如果輸出的內容含html**則需要v-html

過濾器 全域性過濾器 區域性過濾器

}

//過濾器的使用
//全域性過濾器
vue.filter("過濾器函式名",function(money))
全域性過濾器可以單獨寫在乙個檔案裡面 外部進行呼叫

var vm=new vue(,

filters:}})

+ =

}

parseint 把資料轉換成整數

parsefloat 把資料轉換成浮點數

watch 監聽屬性 監聽指定變數的值是否發生變化 當值發生變化時 呼叫對應的方法

贊}watch:
console.log(this.num,"修改前",v2,"修改後",v1);}}

created()

mounted()

事件冒泡 事件特效 指js中子元素的事件觸發以後 會導致父級元素的同類事件一併被觸發到

事件冒泡有好處也有壞處

2222222

3333333

4444444

5555555

//事件委託提公升效能

ul.onclick=function (event) 

vue基本總結

一.環境搭建 1 vue vue cli環境 安裝過程 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴，走你 cd my project npm insta...

VUE的基本使用

cn.vuejs.org src vue.js script 掛載點 data msg 資料 methods v text v html 插入文字兩者的區別和innertext innerhtml 區別一樣 v show css級別的顯示隱藏，display none v show true fal...

Vue的基本使用

1.例項引數分析 2.插值表示式用法 3.陣列相關api 3.1 變異方法 修改原有資料 3.2 替換陣列 生成新的陣列 3.3 修改響應式資料 前段渲染方式 2.指令 2.1 資料繫結指令 2.2 資料響應式 2.3自定義指令 3.事件繫結 3.1vue如何處理事件？3.2事件函式的呼叫方式 3....