vue
发飙的狗头人
记录前端开发基础知识及遇到的问题
展开
-
Vue3计算属性基础使用
【代码】Vue3计算属性基础使用。原创 2024-04-16 00:58:48 · 138 阅读 · 1 评论 -
vue3路由(基本用法、路由守卫、动态路由)
这里做法是使用isReady方法,它返回一个 Promise,它会在路由器完成初始导航之后被解析,也就是说这时所有和初始路由有关联的异步入口钩子和异步组件都已经被解析。用于在组件中获取当前路由的信息,返回一个包含路由信息的对象。用于获取路由实例,可以通过它来进行一些动态的路由操作,比如跳转到新的路由。route中有一个配置项是meta,专门提供给我们,在meta项中配置自己的属性与值,可用于在守卫中的权限判断。2、在全局路由守卫中设置跳转规则(未登录则跳转到登录页,已登录跳转到首页或放行)原创 2024-04-16 00:25:02 · 4375 阅读 · 1 评论 -
vue3使用element-plus并实现自动按需引入
安装。原创 2024-04-11 01:03:30 · 661 阅读 · 1 评论 -
vue3中prettierrc.json 配置
可能的值是 “none”、“es5”(在 ES5 中有效)和 “all”。默认为 “es5”。可以是 “always”、“avoid”、或 “as-needed”。默认为 “always”。默认为 false。可以是 “preserve”、“always” 或 “never”。默认为 “as-needed”。默认为 false。默认为 false。默认为 false。默认为 false。bracketSpacing:指定是否在对象字面量中的括号之间添加空格。默认为 false。默认为 false。原创 2024-04-09 23:51:35 · 414 阅读 · 0 评论 -
创建一个Vue3+Vite+Ts应用
根目录中会有.eslintrc.cjs文件和.prettierrc.json文件去配置对应的代码规范和格式化。注意:引入ESLint和Prettier需要VSCode安装相应插件配合使用。前提条件:已安装 18.0 或更高版本的。原创 2024-04-09 23:00:48 · 139 阅读 · 0 评论 -
Vue3中watch(5种情况)和watchEffect的用法
/ watch 接收两个参数// 第一个是要监听的值// 第二个是监听的值发现变化要执行的函数// watch 返回一个函数,函数作用是停止监听// newValue 是新的值// oldValue 是旧的值})当监视【ref】定义的【对象类型】数据时:1. 修改对象里的某个属性时是不会触发监听的2. 只有修改整个对象的时候才会触发注意:如果要修改对象里的某个属性时也触发监听侧需要传递第三个参数,第三个参数是一个配置对象:{deep: true}原创 2024-04-09 01:31:10 · 537 阅读 · 1 评论 -
pinia使用方法
6、注意Store获取到后不能解构,否则失去响应式,解构的话需要用pinia提供了一个函数storeToRefs。这个文件就是存有关counter相关的数据。(类似vuex的模块化)2、在main.js中引入pinia并创建容器挂载到根实例上。原创 2024-04-08 01:38:06 · 342 阅读 · 1 评论 -
vue3+Ts+vite 打包体积分析插件 rollup-plugin-visualizer
官方地址:https://github.com/btd/rollup-plugin-visualizer。原创 2024-04-04 10:49:07 · 414 阅读 · 0 评论 -
vue封装公共组件库并发布到npm库
vue组件封装的原理:利用vue框架提供的api: Vue.use( plugin ),我们需要把封装好组件的项目打包成vue库,并提供install方法,然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。原创 2024-03-25 22:03:39 · 114 阅读 · 0 评论