国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Vue常用指令詳解分析

2019-11-19 13:12:59
字體:
來源:轉載
供稿:網友

Vue入門

Vue是一個MVVM(Model / View / ViewModel)的前端框架,相對于Angular來說簡單、易學上手快,近兩年也也別流行,發展速度較快,已經超越Angular了。比較適用于移動端,輕量級的框架,文件小,運行速度快。最近,閑來無事,所以學習一下Vue這個流行的框架,以備后用。

一、指令

  1. v-model 多用于表單元素實現雙向數據綁定(同angular中的ng-model)
  2. v-for 格式: v-for="字段名 in(of) 數組json" 循環數組或json(同angular中的ng-repeat),需要注意從vue2開始取消了$index
  3. v-show 顯示內容 (同angular中的ng-show)
  4. v-hide 隱藏內容(同angular中的ng-hide)
  5. v-if 顯示與隱藏 (dom元素的刪除添加 同angular中的ng-if 默認值為false)
  6. v-else-if 必須和v-if連用
  7. v-else 必須和v-if連用 不能單獨使用 否則報錯 模板編譯錯誤
  8. v-bind 動態綁定 作用: 及時對頁面的數據進行更改
  9. v-on:click 給標簽綁定函數,可以縮寫為@,例如綁定一個點擊函數 函數必須寫在methods里面
  10. v-text 解析文本
  11. v-html 解析html標簽
  12. v-bind:class 三種綁定方法 1、對象型 '{red:isred}' 2、三元型 'isred?"red":"blue"' 3、數組型 '[{red:"isred"},{blue:"isblue"}]'
  13. v-once 進入頁面時 只渲染一次 不在進行渲染
  14. v-cloak 防止閃爍
  15. v-pre 把標簽內部的元素原位輸出

二、基本組件屬性

new Vue({ el,     // 要綁定的 DOM element template,  // 要解析的模板,可以是 #id, HTML 或某

主站蜘蛛池模板:
陈巴尔虎旗|
奇台县|
浙江省|
乌什县|
饶阳县|
依兰县|
临沂市|
玉山县|
彰化县|
南昌县|
黄冈市|
白玉县|
房山区|
连州市|
深州市|
谢通门县|
桦甸市|
图木舒克市|
谢通门县|
沁阳市|
靖安县|
阳山县|
宜春市|
三穗县|
镇坪县|
建宁县|
新河县|
四平市|
上虞市|
日土县|
和硕县|
仁化县|
寿宁县|
新野县|
邳州市|
乌兰县|
新巴尔虎右旗|
石棉县|
岫岩|
临漳县|
农安县|