vue3+setup写法

setup函数是 Composition API（组合API）的入口
在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使用

<script>
 export default {
   
  name: 'App',
  setup(){
   
   let name = 'm'
   //返回一个对象
   return {
   
    name
   }
  }
 }
</script>

//如果大家不喜欢return这样的写法的话
//可以用vue3新语法糖<script setup>就相当于自动帮你返回了定义的变量与方法
<script setup>
 export default {
   
  name: 'App',
  setup(){
   
   let name = 'm'
  }
 }
</script>

setup函数就相当一个vue2生命周期中的beforeCreate和created，但它执行的顺序还要快，setup在beforeCreate,created前，也就是它里面的this打印出来是undefined。

ref与reactive
在vue3怎么让定义的变量变为响应式数据呢，很简单用ref与reactive就可以了

## vue2.x写法

<script >
export default{
   
  data(){
   
    return{
   
      inputValue:'我是响应的值',
      user:{
   
	      name: "",
	      address: ""
    }
  }
}
</script>
------------------------------------------------------------------------