Vue>> js-training-week-05-vue-plugins>> 返回
项目作者： gmwu185

项目描述 ：
第五週 - 表單驗證 | JavaScript 實戰直播班 2020 夏季班
高级语言： HTML
项目地址: git://github.com/gmwu185/js-training-week-05-vue-plugins.git
创建时间： 2020-08-04T18:43:38Z
项目社区：https://github.com/gmwu185/js-training-week-05-vue-plugins
开源协议：
下载


成品頁面

做了什麼

Vue.filter()

  • 基本運用
  • 千分號
  • 時間戳記
  • 字串反轉

Vue DOM 元素選取

  • Vue 實體屬性 $refs 選取 DOM 元素
  • 透過 jQuery 結合 vue 實體屬性 $refs 選取 DOM 元素，操作 Bootstrap modal

Vue 插件

Vue vue-loading-overlay

  • 基本使用方式
    • 基本 form 表單元素。
    • button type 的差別。
    • 原生 HTML form 表單觸發發送表單行為。
    • 原生 HTML form 表單與 Bootstrap 樣式模組的驗證對應。
  • 註冊全域元件
  • 原型掛戴註冊

Vue vee-validate

  • ValidationProvider 元件表單驗證
  • ValidationObserver & ValidationProvider 元件
    • input 驗證 e-mail、必填、最小字串長度
    • 表單驗證繁體中文化

其他

  • Vue 原型與實體的關係，對於 DOM 元件操作方式。
  • Vue 原型方法與屬性使用方式與差異。

Node npm 前端工具，執行指令依序輸入

  • npm install
  • gulp