• Vue 中父组件可以监听到子组件的生命周期

    发布日期:2020-11-27

    一、使用 on 和 emit // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() {   this.$emit("mounted"); } 二、使用 hook 钩子函数 //  Parent.vue <Child @hook:mounted="doSomething" ><...

  • Vue项目通常结构

    发布日期:2020-11-18

    build 文件夹:用于存放 webpack 相关配置和脚本。 config 文件夹:主要存放配置文件,比如配置开发环境的端口号、开启热加载或开启gzip压缩等。 dist 文件夹:默认命令打包生成的静态资源文件。 node_modules:存放 npm 命令下载的开发环...

  • Vue.js中this.$nextTick()的使用

    发布日期:2020-11-17

    Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM, 所以就衍生出了这个获取更新后...