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>