1 Vue 基礎指令

2022-02-19 16:50:51 字數 398 閱讀 1940

1、vue 指令

1、v-model  主要在表單中使用,文字框、teaxare、單選、下拉 等

2、v-text   文字渲染  類似}   

3、v-show  控制dom顯示隱藏   display:none,  display:block;

4、v-if 也可以控制dom 顯示隱藏,如果dom 不顯示整個dom就沒有。

5、v-bind  給乙個dom元素繫結屬性

6、v-for  就是乙個for迴圈 ,用於** 、li標籤等等迴圈陣列

7、v-on  事件繫結,如 onclick 之類

2、過濾器filter,後台返回字段轉換等,如:1 對應 通過,2 對應不通過,金額需要新增乙個$等等

3、元件component    ,可以復用模組。

1 Vue 基礎指令

1 vue 指令 1 v model 主要在表單中使用,文字框 teaxare 單選 下拉 等 2 v text 文字渲染 類似 3 v show 控制dom顯示隱藏 display none,display block 4 v if 也可以控制dom 顯示隱藏,如果dom 不顯示整個dom就沒有。...

1 Vue 元件的使用

使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時,你也必須在引用這個自定義元素時使用 kebab case,例如 使用 pascalcase vue.component mycomponentna...

1 vue介紹和引入js

一 vue是什麼?vue 讀音 vju 類似於 view 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,vue 也...