![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 86
从入门到精通
十二 雨辰
这个作者很懒,什么都没留下…
展开
-
[vue3]大事件-admin
pnpm是最新的包管理器, 比同类工具快2倍, 更节省磁盘空间官网 https://www.pnpm.cn/安装 npm install -g pnpm创建项目 pnpm create vue。原创 2024-06-18 08:56:14 · 1376 阅读 · 0 评论 -
[vue3]掌握pinia
页面直接访问数据不方便时, 可能会考虑解构数据, 但是直接解构仓库的数据, 会让数据失去响应式。pinia支持选项式和组合式2种写法, 选项式可以使用this, 组合式没有this。Pinna是vue的最新状态管理工具, 用来替代vuex。原创 2024-06-17 08:48:52 · 528 阅读 · 0 评论 -
[vue2]深入理解vuex
vuex是一个vue的状态管理工具, 状态就是数据场景某个状态在很多个组件使用 (个人信息)多个组件 共同维护 一份数据 (购物车)优势数据集中式管理数据响应式变化stata提供唯一的公共数据源, 所有共享的数据都要统一放在store的state中存储... ...// 创建仓库// 严格模式 (有利于初学者,检测不规范的代码 => 上线时需要关闭)// 通过 state 可以提供数据 (所有组件共享的数据)state: {title: '仓库大标题',})访问数据。原创 2024-06-13 08:49:14 · 1442 阅读 · 0 评论 -
[vue3]组件通信
父组件中给子组件绑定属性, 传递数据给子组件, 子组件通过props选项接收数据props传递的数据, 在模版中可以直接使用{{ message }}, 在逻辑中使用props.messagedefineProps是编译器宏函数, 就是一个编译阶段的标识, 实际编译器解析时, 遇到后会进行编译转换父组件中给子组件标签绑定自定义事件, 子组件通过emit方法触发事件, 传递数据给父组件。原创 2024-06-16 13:59:18 · 1688 阅读 · 1 评论 -
[vue3]极速上手
vue3官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js在vue3中, 自定义指令的钩子函数有所改变// 在模板中启用 v-focus</script><template>其他钩子。原创 2024-06-15 13:05:42 · 943 阅读 · 0 评论 -
[vue2]智慧商城app
当打包构建应用时, JS的会被打包在一起,文件就会很大, 影响页面加载, 可以把不同路由对应的组件分割成不同的代码块,然后当路由被访问时, 才加载对应的代码, 这样加载效率大大提高。图形验证码本质就是一个请求回来的图片, 作用就是强制人机交互, 可以抵御机器自动化攻击, 比如通过批量请求爆破接口, 恶意刷票,论坛灌水等。所有的请求, 都可能出现错误,, 可以单独处理, 但是更好的建议是, 通过响应拦截器, 统一处理接口错误。vue脚手架只是开发过程中, 协助开发的工具, 开发完成后, 脚手架不参与上线。原创 2024-06-14 08:59:27 · 496 阅读 · 0 评论 -
[vue2]深入理解路由
如果觉得官方的高亮类名太长, 可以通过配置, 修改高亮类名。原创 2024-06-12 08:52:05 · 1186 阅读 · 2 评论 -
[vue2]插槽
定义slot插槽的同时, 是可以传值的, 给插槽上绑定数据, 使用组件时可以接收数据。一个组件内有多处结构, 需要外部传入标签, 进行定制, 需要使用具名插槽。封装组件时, 可以为预留的插槽提供默认内容。让组件内部的一些结构 支持自定义。原创 2024-06-11 08:47:20 · 484 阅读 · 0 评论 -
[vue2]自定义指令
封装一个v-loading指令, 实现加载中的效果。原创 2024-06-10 13:17:15 · 298 阅读 · 0 评论 -
[Vue2]组件通信
Vue采用异步更新DOM的方案 (提升性能), 如果要保证本轮DOM更新后, 操作最新的DOM, 使用$nextTick。prop就是组件上注册的一些自定义属性, 作用就是向子组件传递数据, 组件可以传递任意类型和数量的prop。不同的prop写法有不同的特点, 数组写法最简单, 基础写法可以限制数据类型, 完整写法可以有更多限制规则。除了进行表单的双向数据绑定, 也可以实现父子组件通信 (简化表单组件的封装)组件的数据是独立的, 无法直接访问其他组件的数据,想要其他组件的数据, 就要使用组件通信技术。原创 2024-06-09 11:58:52 · 1816 阅读 · 0 评论 -
[Vue2]工程化
基于Vue Cli自定义创建项目架子。原创 2024-06-08 10:05:44 · 1064 阅读 · 0 评论 -
[Vue2]指令
指令就是带有v-前缀的标签属性, 不同的指令, 可以实现不同的功能。原创 2024-06-06 09:27:42 · 932 阅读 · 0 评论 -
[Vue2]核心概念
Vue生命周期过程中, 会自动运行一些函数, 称为生命周期钩子, 让开发者可以在特定阶段处理业务。计算属性默认的简写,只能读取访问, 不能修改, 如果需要修改, 要写计算属性的完整写法。基于现有的数据, 计算出来的新属性, 依赖的数据变化, 自动重新计算。使用: 和普通属性一样使用 {{ 计算属性名 }}作用: 给实例提供一个方法, 调用以处理业务逻辑。作用: 封装了一段对数据的处理, 求得一个结果。使用: 作为属性直接使用 {{ 计算属性 }}创建 -> 挂载 -> 更新 -> 销毁。原创 2024-06-07 09:01:28 · 432 阅读 · 0 评论 -
[Vue2]快速上手
vue2官网:Vue.jsvue是用于构建用户界面的渐进式框架💡 Tips: 构建用户界面 -> 数据驱动视图💡 Tips: 渐进式 -> 学一部分就能用一部分。原创 2024-06-05 09:03:05 · 645 阅读 · 0 评论