Vue

有这么一个需求：有一张表单，表单中要上传图片。要符号UI，于是我写了一个上传图片的组件。图片为必填，如果先被触发了必填，再上传图片，红色的必填提示无法消失。 1 首先，简单的，我以为ElForm绑定了

MVC 当一个问题出现一次的时候它是一个问题，当一个问题出现了无数次的时候它会成为历史，当一个问题将会出现无数次的时候，它将需要一个明确的定义和解决方案。 MVC 是什么 简单而言，model、vie

将弹窗分离成组件时，需要用到的vscode代码块；使用方法：新建一个vue文件，复制代码进去，然后放到vscode vetur插件安装目录的指定文件夹里，再在vscode输入命令行reload win

“写vue项目时，style标签应当加scoped，防止样式污染” 这句话，新人在进入vue时，都应该知道这个指导。。。那就需要明白使用scoped发生了，::v-deep又改变了什么。

beforeCreate => created beforeMount => mounted beforeUpdate => updated beforeDestroy => destroyed

patch hook调用时机 patch createElm invokeInsertHook platformModules modules cbs attrs.js class.js dom-pr

```js export default { name: 'RouterView', functional: true, props: { name: { type: String, default:

matcher src/create-matcher.js src/create-route-map.js history VueRouter.init & history src/history/h

new Router 一般使用 入口源码 router.init() vue根实例 beforeCreate => this.$options.router.init(this)

src/index.js src/install.js 保证挂载一次 根实例初始化router，beforeCreate 延组件逐层传递_routerRoot，_route包裹响应，registerI

编译 平时写vue代码使用了SPA：vue-cli => webpack => vue-loader，项目中引入vue，node_modules中 vue 也指向"main": "dist/vue.r

initState _wathers存放实例的new Watch实例 1. initProps $options 的数据包装响应至 _prop，并代理(proxy)至vm validateProp()

响应性 defineReactive const dep = new Dep() Object.defineProperty get Dep.target 判断 dep.depend() set 比较

初始化 1. 配置实例（vm）属性 vm._uid = uid++ vm._isVue = true vm.$options mergeOptions 区分组件关系 （if (Ctor.super)）

1. 入口 一般入口：platforms/web/ => runtime/index => core/index => core/instance/index 1. 实例文件中各种mixin配置Vue

这么一种情况： 组件需要判断是否注册事件来走下一步。在vue2中this.$listeners就可以获取到相应事件，而在vue3中，就行不通了。 需求 如何在Vue3中获取到this.$listene

如果通过官方指南Snippet来自定义代码块的话（根目录创建.vscode/vetur/snippets文件夹），不会生效。然后去插件设置开关也没用（偶尔也生效了，但重新打开又失效了）。不断网上找办法

Vue-cli使用了dotenv配置.env文件，所以规则官方参考motdotla/dotenv，并支持motdotla/dotenv-expand