![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 92
Cherry_Zj
这个作者很懒,什么都没留下…
展开
-
Vue学习(八)
文章目录路由1.基本使用2.几个注意点3.多级路由(多级路由)4.路由的query参数5.命名路由6.路由的params参数7.路由的props配置8.``````的replace属性9.编程式路由导航10.缓存路由组件11.两个新的生命周期钩子12.路由守卫13.路由器的两种工作模式 路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 1.基本使用 安装vue-router,命令:原创 2022-01-03 15:39:24 · 182 阅读 · 0 评论 -
Vue学习(七)
文章目录vuex1.概念2.何时使用?3.搭建vuex环境4.基本使用5.getters的使用6.四个map方法的使用7.模块化+命名空间求和案例未使用vuex插件加getters案例优化多组间共享模块化 vuex 1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2.何时使用? 多个组件需要共享数据时 3.搭建vuex环境 创建文件:src/store/index.原创 2021-12-26 17:16:56 · 147 阅读 · 0 评论 -
Vue学习(六)
文章目录原创 2021-12-19 22:46:08 · 17 阅读 · 0 评论 -
Vue 学习(五)
文章目录webStorage组件的自定义事件全局事件总线(GlobalEventBus)消息订阅与发布(pubsub)nextTick webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API: xxxxxStorage.setItem('key', 'value'); 该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名原创 2021-12-05 18:44:10 · 186 阅读 · 0 评论 -
Vue学习(四)
Vue 手脚架 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitigno原创 2021-11-29 19:57:41 · 187 阅读 · 0 评论 -
Vue学习(三)
文章目录收集表单数据过滤器内置指令v-text指令v-html指令v-cloak指令v-once指令v-pre指令自定义指令生命周期生命周期图示组件非单文件组件基本使用几个注意点单文件组件 收集表单数据 若为<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。 若为<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。 若为<input type="che原创 2021-11-14 20:33:04 · 608 阅读 · 0 评论 -
Vue 学习(二)
文章目录计算属性姓名案例 -- 插值语法姓名案例 -- methods姓名案例 -- 计算属性姓名案例 -- 计算属性(简写)监视属性天气案例天气案例 -- 监视属性监视属性(简写)天气案例 -- 深度监视天气案例 -- 深度监视(简写)姓名案例(computed&watch)绑定样式条件渲染列表渲染key 的原理列表过滤列表排序Vue监视数据的原理 注意:只要data中的数据发生变化,Vue一定会重新解析模板的 计算属性 定义:要用的属性不存在,要通过已有属性计算得来。 原理:底层借助了Objc原创 2021-10-24 20:57:35 · 69 阅读 · 0 评论 -
Vue学习(一)
文章目录Vue简介Vue的特点 Vue简介 Vue是一套用于构建用户界面的渐进式JavaScript框架。(渐进式:Vue可以自底向上逐层的应用) Vue的特点 采用组件化模式,提高代码复用率且让代码更好的维护。 声明式编码,让编码人员无需直接操作DOM,提高开发效率。 使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。 ...原创 2021-10-17 21:03:53 · 26 阅读 · 0 评论