vue2和vue3内容互相读取

Vue2可读取vue3的内容,而vue3不可读取vue2的

<script>
//import {h} from 'vue'
export default{
name:'App',
setup(){
      //数据
      let name='张三'
      let age = 18
      //方法
      function sayHello(){
          alert(`我叫${name},我${age}岁,`)
      }
      function test2(){
          console.log(this.sex)
          console.log(this.name)
          console.log(this.age)
          console.log(this.sayHello)
}
      //返回的是一个对象(常用)
      return{
          name,
          age,
          sayHello
      }
      //如果return 的是如下一个函数(渲染函数),h为creatElement缩写,那么模板里面的所有内容将会被如下内容所替换
      //return ()=>h('h1','许江')
}



data(){
return {
sex:'男'
}
},
methods:{
sayWelcome(){
alert('欢迎')
},
test1(){
console.log(this.sex)
console.log(this.name)
console.log(this.age)
console.log(this.sayHello)
}

}




}
</script>

 

posted @ 2022-01-27 16:56  ajaXJson  阅读(326)  评论(0编辑  收藏  举报