2022-01-20

1. vscode自动换行

"editor.wordWrap": "on"

2. vue不再手写import，点击跳转文件https://www.jianshu.com/p/e0e62d22fa6d
3. vscode格式化功能，

• Alt+Shift+F （格式化全文）
• Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）

4. vue3语法改变

• [x] (1). 在 Composition API 的语法中，==计算属性和生命周期==等功能，都可以脱离 Vue 的组件机制单独使用
• 计算属性的用法

import { ref,computed } from "vue";
let active = computed(() => { 
    return todos.value.filter((v) => !v.done).length;
})

• [x] (2). script标签用 setup 标记,并使用引入ref 函数包裹变量

import { ref } from 'vue'
let counter = ref(0)

let todoObject = ref({
    name: '', 
    value: ''
})

• [x] (3). 组件拆分粒度更小
• ref 和 computed 等功能都可以从 Vue 中全局引入，所以我们就可以把组件进行任意颗粒度的拆分和组合
• • 功能组件中可以单独使用生命周期：引入onMounted 和 onUnmounted 来实现生命周期的功能
• [x] (4).

5. vue全局过滤

this.$options.filters['your filter name']