cherise9889

1.Vue2的响应式原理 在Vue2中，我们会把数据放到配置选项data中，一旦我们这样做了，我们心里清楚此时一旦视图中的操作修改了data中的数据，视图会立刻(这个立刻仍然需要等待一个异步更新队列

1 < script setup >语法糖 语法糖写法不需要return 开启setup语法糖，需要在script标签上添加setup属性，Vue3中核心js代码基本都组织在了setup函数中，通过r

Vue3版本已经升级为了Vue的默认版本 ，新版本的特性和优化进一步提高了开发效率 1.Vue3简介 vue3相较于vue2，性能提升了，打包效率提升，渲染效率提升，内存减少 源码重构（使用Proxy

总体要求 在项目开始的时候，新建一个与存放子组件的components文件夹同级的utils文件夹，在其中新建一个index.js文件，用来封装工具方法。 工具方法为不直接渲染视图到页面的方法，可以抽

动态写选项卡  vue内置组件，这个组件可以让视图动态地渲染对应的组件内容 vue内置组件不用自己定义，可以直接拿来使用。 vue内置组件component，这个组件可以让视图动态地渲染对应的组件内容

1.组件的注意点 两个注意点 所有被vue直接管理的函数，最好写成普通函数，不要写箭头函数。这样它里面的this指向的才是vue或者组件实例对象。 所有不被vue直接管理的函数（定时器的回调函数，aj

1.todolist项目 点击添加数据到list列表 在data中定义input（todoname）和list变量 使用v-model绑定输入框中的数据input（todoname） 给添加按钮绑定点

1.vue自定义指令 概念 自己模拟vue官方实现一个指令 作用 对原生指令的补充和扩展，可以用于定义任何dom操作，并且可以复用 分类 全局自定义指令，可以供整个页面使用 局部自定义指令，只作用于它

1.vue指令剩余 注意 methods中函数书写必须是普通函数，只有普通函数，this才指向vue实例，箭头函数会指向window 注意 表单下拉框输入项可以不写value，写了value则valu