素材全家桶之基础.pdfVIP

目◆Vue概述

C◆Vue基本使用

Vue基本使用

o

n

◆Vue模板语法

◆Vue模板语法

t◆基础案例

◆基础案例

e

n◆Vue常用特性

◆Vue常用特性

t

s◆综合案例

5.1常用特性概览

⚫表单操作

⚫自定义指令

⚫计算属性

⚫侦

⚫过滤器

⚫生命周期

5.2表单操作

1.基于Vue的表单操作Sendanemail

⚫Input单行文本*NameName

⚫textarea多行文本

*EmailEmailAddressAddress

*

⚫select下拉多选

⚫radio单选框单选框PhonePhoneNumberNumber

服务器

⚫checkbox多选框

多选框*

*

YourYourMessageMessage

Submit

5.2表单操作

3.表单域修饰符

⚫number：转化为数值

⚫trim：去掉开始和结尾的空格

：去掉开始和结尾的空格

⚫lazy:将input切换为change

切换为change

inputv-model.number=agetype=numbermodel.number=agetype=number

5.3自定义指令

1.为何需要自定义指令？

内置指令不满足需求

2.自定义指令的语自定义指令的语则（获取元素焦点）则（获元素焦点）

Vue.directive(focus{Vue.directive(focus{

inserted:function(el){

inserted:function(el){