![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2
文章平均质量分 75
Y._
这个作者很懒,什么都没留下…
展开
-
vue2 基础入门
目录vue 简介vue 的特性数据驱动视图双向数据绑定MVVMvue 的基本使用vue 的调试工具vue 的指令1、内容渲染指令2、属性绑定指令3、事件绑定 4、双向绑定指令 v-model5、 条件渲染指令 6 、列表渲染指令vue过滤器 定义过滤器基本使用 私有过滤器和全局过滤器过滤器的注意点watch 侦听器使用 watch 检测用户名是否可用 侦听器的格式对象侦听器deep 选项 计算属性计算属性的特点vue-cli 的使用 安装和使用vue 项目中 src 目录的构成:vue 项目的运行流程 vu原创 2023-07-03 18:20:50 · 2760 阅读 · 0 评论 -
vue 进阶---ref 引用
当监听到勾选状态发生改变 通过自定义事件 发送到父组组件 this.$emit(’事件名字,{id,value}')3. 把解构出来的 data 属性,使用 冒号 进行重命名,一般都重命名为 { data: res }// 把数量传递到 App.vue 的时候,需要通知 App 组件,更新哪个商品的数量。2. 使用解构赋值,从 axios 封装的大对象中,把 data 属性解构出来。// 接收商品的 id 值,将来,使用 EventBus 方案,//父组件中 使用ref属性 为组件添加引用名称。原创 2023-07-06 19:47:57 · 514 阅读 · 0 评论 -
vue 进阶---动态组件 插槽 自定义指令
vue 官方提供了 v-text、v-for、v-model、v-if 等常用的指令。除此之外 vue 还允许开发者自定义指令。原创 2023-07-08 16:42:54 · 560 阅读 · 0 评论 -
【Vue2】---->路由懒加载
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同 的代码块,然后当路由。被访问的时候才加载对应组件。原创 2023-08-27 13:34:59 · 443 阅读 · 0 评论 -
【Vue2】---->mixins 复用
mixins 复用 - 处理登录确认框的弹出原创 2023-08-27 12:33:28 · 215 阅读 · 0 评论 -
【Vue2】---->VueX 3 核心概念
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。vuex是一个 vue 的状态管理工具,状态就是数据。vuex 是一个插件,可以帮我们管理 vue 通用的数据 (多组件共享的数据)state: {count: 0},// 定义mutations})原创 2023-08-18 17:22:50 · 259 阅读 · 0 评论 -
vue --->Vant组件库
legacy-peer-deps:在安装时忽略所有 peerDependencies,采用 npm 版本 4 到版本 6 的样式。如果报错则 npm i vant@latest-v2 -S --legacy-peer-deps。安装axios npm i axios -S --legacy-peer-deps。此时可以发起异步操作并更新数据,数据更新完毕后,将。默认绑定选中标签的索引值,通过修改。组件结合使用,实现下拉刷新的效果。属性,并自动选中对应的标签。即可切换选中的标签。原创 2023-07-11 23:15:14 · 1144 阅读 · 0 评论 -
vue进阶----路由
vue-router 的官方文档地址:https://router.vuejs.org/zh/它只能结合 vue 项目进行使用,能够轻松的管理 SPA 项目 中组件的切换。在 src/router/index.js 路由模块中,导入需要的组件,并使用。在 src/App.vue 组件中,使用 vue-router 提供的。SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,在 src/router/index.js 路由模块中,通过。因此,在全局前置守卫中,程序员可以对每个路由进行。原创 2023-07-10 17:35:53 · 318 阅读 · 0 评论 -
ES6模块化与异步编程高级用法
它的出现极大的降低了前端开发者的模块化学 习成本,开发者不需再额外学习 AMD、CMD 或 CommonJS 等模块化规范。通 过 .then() 方法的。调用 .then() 方法时,成功的回调函数是必选的、失败的回调函数是可选的。Promise.all() 方法会发起并行的 Promise 异步操作,等。Promise.race() 方法会发起并行的 Promise 异步操作,如果不希望前面的错误导致后续的 .then 无法正常执行,则。, 如果有,则执行完所有微任务之后,再继续执行下一个宏任务。原创 2023-07-20 18:50:25 · 334 阅读 · 1 评论