vue入门4---表单输入的绑定、Vue实例生命周期

一、表单输入绑定

• 1. 使用v-model(双向数据绑定)自动收集数据
     text/textarea
     checkbox
     radio
     select

  

    用户名: 
    


    密码: 
    


    性别radio: 
    
    女
    
    男

    爱好checkbox: 
    
    篮球
    
    足球
    
    乒乓

    城市select: 
    
      未选择
 
      {{city.name}}
    

    介绍textarea: 
    



    
  

二、Vue实例生命周期：

1. vue对象的生命周期
   1). new vue()初始化显示

   *  beforeCreate()
   * created()
   * beforeMount()
   * mounted()

2). 更新状态

      this.xxx = value
    * beforeUpdate()
    * updated()

3). 销毁vue实例: vm.$destory()

    * beforeDestory()
    * destoryed()

2. 常用的生命周期方法
   created()/mounted(): 发送ajax请求, 启动定时器等异步任务
   beforeDestory(): 做收尾工作, 如: 清除定时器
   完整生命周期图

  销毁vue
  
vue