• Vue3实战(1)

    用vue3实现一个低配版的QQ空间~

    vue3的一些基本概念

    vue3框架每个vue文件由三个部分构成：template,script,style，template主要是实现HTML，script实现js，style定义格式，下面是几个部分用到的知识的一些详细介绍

    script部分

    export default对象的属性：

    name：组件的名称
    components：存储中用到的所有组件
    props：存储父组件传递给子组件的数据
    watch()：当某个数据发生变化时触发
    computed：动态计算某个数据
    setup(props, context)：初始化变量、函数

    • ref定义变量，可以用.value属性重新赋值
    • reactive定义对象，不可重新赋值
    • props存储父组件传递过来的数据
    • context.emit()：触发父组件绑定的函数

    template部分

    ：存放父组件传过来的children。
    v-on:click或@click属性：绑定事件
    v-if、v-else、v-else-if属性：判断
    v-for属性：循环，:key循环的每个元素需要有唯一的key
    v-bind:或:：绑定属性

    style部分