年度归档: 2023 年

  • SFC

    单文件组件 SFC

    在大多数启用了构建工具的VUE项目中,我们可以使用一种类似HTML格式的文件来书写VUE组件,它被称为单文件组件,也被称为*.vue文件。英文single-file components缩写为SFC。顾名思义,vue的单文件组件会将一个组件的逻辑 js模板html 和样式css封装在同一个文件里。

    VUE3中选项式API optionsAPI

    使用选项式API我们可以用包含多个选项的对象来描述组件的逻辑,例如data、methods和mounted。选项所定义的属性都会暴露在函数内部的this上,它会指向当前的组件实例。

     

    组合式API compositionAPI

    通过组合式API,我们可以使用导入的API函数来描述组件逻辑。在单文件组件中,组合式API通常会与<script setup>中的导入和顶层变量、函数都能够在模板中直接使用

  • mac安装nvm

    之前电脑装过各种环境,直接乱了。重新卸载node npm后再安装nvm。亲测可用,简单快速

    1、卸载node、npm

    brew uninstall node

    2、以上卸载完成后,继续清理

    which node

    //可以看到 /usr/local/bin/node

    which npm

    //可以看到 /usr/local/lib/node_modules/

    //全部删除,通过以下两句

    sudo rm -rf /usr/local/bin/node
    sudo rm -rf /usr/local/lib/node_modules/

    //删除全局node模块注册的软链 
    cd /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs sudo rm

    3、安装 nvm

    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
    
    4、关闭重启命令窗口,验证nvm版本
    nvm --vesion