Vue初学
文章平均质量分 66
平淡无奇—GH
这个作者很懒,什么都没留下…
展开
-
21-10-27--Vue学习记录第七天
21-10-27--Vue学习记录第七天 一、keep alive 缓存 在web服务请求当中,有部分数据属于频繁被查询,比如,用户信息,logo信息。将这些数据存储到一个方便查询,或者直接获取的位置上,来减轻服务器查询压力。这种策略叫做缓存。 VUE当中keep-alive只是基于前端组件的狭义的缓存,通常和component标签结合使用,对动态加载的组件进行缓存 keep-alive缓存的基本使用 就是使用keep-alive标签包围component标签,这样动态加载的组件就会被缓存到原创 2021-11-01 20:34:37 · 75 阅读 · 0 评论 -
21-10-26--Vue学习记录第六天
21-10-26--Vue学习记录第六天 一、组件的基本操作 1、组件通讯 一、父子关系 1、调用子组件标签 2、在标签上自定义属性,绑定要传递的值 3、子组件使用props接受自定义的属性 4、子组件调用props当中的名称 二、子父关系 三、非父子关系 非父子传参的思路实际上是在用一个新的vue对象进行传参 定义一个空的vue对象用来做数据传递的载体 2、插槽 在原有格式基础上,为开发者提供自定义可能,在组件当中开辟一块调用时候可以自定义空间 一、匿名插槽..原创 2021-11-01 19:57:15 · 81 阅读 · 0 评论 -
21-10-24--Vue学习记录第五天
21-10-24--Vue学习记录第五天 一、脚手架 项目共性功能的封装,叫做框架。 框架也叫做脚手架,是灵活的使用在同类型项目开发过程当中的辅助功能。 vue cli(command line interface),是vue官方提供的一个基于webpack的一个脚手架工具 vue cli可以帮助我们联网下载要基于webpack的开发模板 vue cli脚手架工具基于node平台的,npm 安装vue-cli npm i @vue/cli -g npm install @vue/cli原创 2021-10-27 19:53:04 · 68 阅读 · 0 评论 -
21-10-22--Vue学习记录第四天
21-10-22--Vue学习记录第四天 一、过滤器 本质,过滤器是一个特殊的函数 作用,可以对模板上的数据进行再处理,在数据挂载前处理 过滤器作用在变量的后面,使用 | 作为符合,作用将 | 前边的变量作为 | 后边的函数的值进行处理 过滤器函数必须有返回值 过滤器只可以在插值表达式和v-bind上使用 <div id="app"> {{phone|setPhone}} </div> <script> Vu原创 2021-10-27 19:34:56 · 105 阅读 · 0 评论 -
21-10-20--Vue学习记录第三天
Vue学习记录第三天 一、深浅监听 浅监听 Vue提供了watch选项,提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的 new Vue({ el:"#app", data:{ num:5, }, watch:{ num(newV,oldV){ console.log(newV); console.log(oldV);原创 2021-10-21 13:46:07 · 61 阅读 · 0 评论 -
2021-10-19--Vue学习记录第二天
Vue学习记录第二天 一、本地存储 localStorage是长期存储,即使页面关闭了数据也还在,除非手动删除 sessionStorage是会话级别存储(临时存储),当页面关闭了数据就没了 添加数据: localStorage.setItem(key,value) json字符串 获取数据: localStorage.getItem(key) json字符串 JSON.parse(localStorage.getItem(key)) 删除数据: loaclStorage.remo原创 2021-10-20 14:35:26 · 58 阅读 · 0 评论 -
2021-10-18--Vue学习记录第一天
Vue学习记录第一天 一、了解vue框架 Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 -------摘自vue官网 优点总结: 轻量级框架,双向数据绑定,组件化,主张最少,客户端路由,指令,状态管理 缺点总结: 1、Vue不支持IE8及以下,因为Vue..原创 2021-10-18 22:13:18 · 115 阅读 · 0 评论