摘要:esbuild: { pure: VITE_DROP_CONSOLE ? ['console.log', 'debugger'] : [], supported: { // https://github.com/vitejs/vite/pull/8665 'top-level-await': tru
阅读全文
摘要:在vue2中的内置组件: 动态路由中的 component :作用:动态显示路由的挂载点,使用 is 属性动态显示组件 ; keep-alive :作用:使被包裹的组件保留状态,避免被重新渲染 ; 路由中的router-link :作用:和 超链接类似,使用 to 属性制定 url 跳转页面 ; r
阅读全文
摘要:作用: 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
阅读全文
摘要:选项式 API 组合式API beforeCreate 不需要 created 不需要 beforeMount onBeforeMount mounted onMounted beforeUpdate onBeforeUpdate updated onUpdated beforeUnmount 【v
阅读全文
摘要: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
阅读全文