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>

标签：读取,console,log,age,sayHello,vue2,vue3,return,name
来源： https://www.cnblogs.com/ajaXJson/p/15850427.html