vue3基础语法

全局创建

app.use(createPinia()).mount()

全局方法

app.config.globalProperties

一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。

app.config.globalProperties.$reverse = function(str){
       return str.split('').reverse().join('');
   }

setup

setup() 钩子是在组件中使用组合式 API 的入口

<script>
    // 导入ref响应数据
    import {ref} from 'vue'
    export default {
        setup(props,context){
            console.log(props,context)
            // 父组件传入的参数，context上下文 attrs属性，emit发送事件方法 expose导出 slots插槽
            // setup相当于created生命周期
            // 定义num默认值是 5
            const num = ref(5);
            // 定义更新num的方法
            const setNum =(v)=>{
                num.value=v;
            }
            // 返回num与setNum
            // 定义msg
            const msg = ref('你好msg')
            const setMsg = v=>msg.value=v;
            return {num,setNum,msg,setMsg}
        }
    }
    
</script>