学习记录

三种创建方式：

  • vue init webpack mytest
  • npm init vite-app mytest
  • npm init vite@latest mytest — —template vue

    ref

    可更改值并实时响应（加.value）

    计算属性

    computed

    监听属性

    watch
    watchEffect：可进行数据请求

    组件传递属性

    从上到下：defineProps({})
    需要在低级组件修改传递属性时需要重新定义值来接受传递的属性：const props = defineProps({})

    生命周期钩子

    onMounted：页面渲染之前执行，可进行数据请求
    onUnmounted：组件注销之前执行，执行完组件不再显示，可销毁一些对象
    onUpdatee：组件内容发生变化时执行

    数据模拟

问题

Header.vue

  • data_theme 自定义了？？

    socket.js、store.js

  • 语法不清晰
  • 流程不清楚

    tailwindcss

  • 许多参数代表什么不清晰，每次都要查一遍

    Console、Visualizer

  • 和后端、socket.js、store.js联系大的文件都看不大懂，只能将界面看懂，具体实现看不大懂

软件想法

  • 中英对比
  • 搜索系统
  • 适配多样设备