随笔分类 - Vue
摘要:## 一、前言 这三者的定位都有些不同,不好直接比较,但是做的事情还算类似,因此放一块拿来说说。vite 是新生技术,由其快速优秀的开发体验有取代 webpack 的趋势,但是它并不如 webpack 打包工具那么灵活,vite 内部的打包工具是采用的 esbuild,其性能之高也来自于此。 ##
阅读全文
摘要:Vue 的组件要在其他地方使用得通过这三步 ```js ... ... import vuexxx from '@components/vuexxx' export default{ ... components:[ vuexxx ] } ``` 注册起来比较的繁琐。 这里记录一种自动注册的方式,把
阅读全文
摘要:问题:跳转到同一个页面,但是传入不同的路由参数,而 data 内数据从 route.params 拿的并不会在路由跳转后再次获取,即不会跟随刷新。 ### 解决方法 ```javascript ```
阅读全文
摘要:## 1. 新的 SFC 特性 - ` Color is: {{ color }} ``` script setup 的几个优势 - 更少的样板内容,更简洁的代码。 - 能够使用纯 Typescript 声明 props 和发出事件。 - 更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数
阅读全文
摘要:在 vue3 中是不会直接暴露 vue 对象给你使用了。所以不能像 vue2 那样直接在原型上挂载,想要添加公共方法可以有下面三种方式。 ### **第一种:使用 app.config.globalProperties 添加** ```js import { createApp } from "vu
阅读全文
摘要:## 一、Vue3.0 六大亮点 - Performance:性能比 Vue2.x 快 1.2~2 倍 - Tree shaking support:按需编译,体积比 Vue2.x 更小 - Composition API:组合 API - Better TypeScript support:更好的
阅读全文
摘要:路径别名,省去相对路径的麻烦,直接用@views 来作为路径开头更加的方便 ## Vue2+Vue-Cli 写法 在 vue.config.js 里写入 ```js module.exports = { ... chainWebpack: config => { config.resolve.sym
阅读全文
摘要:情景是这样的,当前组件需要接收父组件通过props传入的一个数组,而数组的每一项都是自定义的类型Book,需要再传入到子组件。 而props声明类型时一般都是基础类型,但上面又需要用到book类型下的属性,这里就得用到Vue的PropType这一条了,可以在官网文档找到。 <BookList v-f
阅读全文