流浪のwolf

摘要： 作用： DOM 渲染是异步耗时的， vue2.x 需要等到 DOM 渲染完成之后做某个事情，需要使用 this.$nextTick ， vue3.x 则直接提供了 nextTick 这个方法去实现 ； 使用： 2 种方式： // 使用await await nextTick() 渲染之后的代码 // 阅读全文

摘要： 使用场景：使用父子组件通信的时候 ； 作用： 用来声明组件有哪些自定义事件，不在emtis里面都会当成原生事件，绑定给组件的根标 签。 好处： 不在像 vue2 使用 .native 修饰符 在 vue2 中：组件中绑定 click 事件 ，原来click事件是无效的，因为组件上面的所有事件都是自定 阅读全文

摘要： vite 是尤雨溪团队开发的新一代前端构建工具，作者尤雨溪宣传的时候表示 vite 是下一代的构建工具，并表示自己再也不会 webpack 了 ； vite 的优点主要有3点 ； 第一：开发环境中，无需打包操作，可快速的冷启动 第二：即时的热重载 （ HMR ）hot module replacem 阅读全文

摘要： 都是模块规范，和 CommonJs 一样都是社区规范，ES-module 才是官方规范，而且官方规范是趋势 ； AMD：Asynchronous Module Definition 异步模块定义，即并行加载所有的模块 ； CMD：Common Module Definition，公共模块定义规范，在 阅读全文

摘要： 选项式 API 组合式API beforeCreate 不需要 created 不需要 beforeMount onBeforeMount mounted onMounted beforeUpdate onBeforeUpdate updated onUpdated beforeUnmount 【v 阅读全文

摘要： Vnode 是 JavaScript 对象，就是把标签结构的信息描述成js对象 ； Vnode 的作用：通过 render 函数 将 template 描述成 Vnode ，然后通过一系列操作转换真实dom ； ps：template 编译过程：https://www.cnblogs.com/zhu 阅读全文

摘要： 1. 监听单个 watch(变量,(新值,老值)=>{}) 2. 监听多个 watch([变量1,变量2],(新值,老值)=>{}) 3. 监听对象 watch(()=>对象,(新值)=>{}) 4. 监听对象属性 watch(()=>对象.属性,(新值,老值)=>{}) 5. 监听对象多个属性 w 阅读全文

摘要： 1. Vue3 和 VUe2 性能提升 ；使用 proxy 代替 defainProperty 实现响应式数据 ；使用 ts 书写代码 ； 新特性有：组合 api compositionApi ；新的内置组件 （Fragment/Teleport/Suspense） 2. 追加响应式数据 在 Vue 阅读全文

摘要： 传统的项目中，页面的切换和跳转使用的是超链接实现，但是目前的SPA 是基于组件和路由实现的，页面的切换和跳转是由路由机制完成，区别是更新了视图但不重新请求页面； 原理是把url 和组件之间建立映射关系，展示不同内容的时候切换路径 url ，即切换组件 ； 路由的模式有 2 中，哈希模式和历史模式 ； 阅读全文

摘要： 过滤器可以格式化我们所需要的数据格式 ； 自定义过滤器分为全局和局部过滤器： 全局过滤器在 main.js 中使用 Vue.direct4ive( 过滤器名字，定义过滤器的具体行为函数 ) ； 局部过滤器在 directives 属性中定义 ； 使用过滤器在管道符的后面加上过滤器名字 ； 阅读全文