![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端框架Vue
文章平均质量分 88
vue学习
binzhenliziyuan
这个作者很懒,什么都没留下…
展开
-
路由_vant组件库基础使用
2022_0704映射关系具体使用示例: 网易云音乐 https://music.163.com/单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换优点:整体不刷新页面,用户体验更好数据传递容易, 开发效率高缺点:开发成本高(需要学习专门知识)首次加载会比较慢一点。不利于seo官网: https://router.vuejs.org/zh/vue-router模块包它和 Vue.js 深度集成可以定义 - 视图表(映射规则)模块化的提供2个内置全局组件声明式导航自动激原创 2022-07-04 16:23:47 · 1123 阅读 · 0 评论 -
动态组件 插槽-案例-tabbar
E:\前端学习\7.6课件\02、课件和试卷\课件\05、阶段五 Vue.js项目实战开发\01webpack+Vue基础课程资料\Day06_动态组件_插槽_自定义指令_tabbar案例\01_笔记和ppt1.什么是动态组件?在同一个挂载点, 可以切换显示不同组件2.如何使用动态组件?vue内置的component组件, 配合is属性3.如何切换?改变is属性的值, 为要显示的组件名即可使用Vue内置的keep-alive组件, 可以让包裹的组件保存在内存中不被销毁补充2个钩子方法名: acti原创 2022-07-04 09:32:38 · 262 阅读 · 0 评论 -
知识点扩展【一】有购物车案例多练习v-model双向绑定
1、axios是一个基于Promise的HTTP库,而ajax是对原生XHR的封装;2、ajax技术实现了局部数据的刷新,而axios实现了对ajax的封装。🔗axios和ajax的区别用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中。🔗扩展运算符生命周期&数据共享[父子-子父-兄弟]&ref引用&数组复习获取页面中的元素可以使用以下几种方式:🔗Dom 获取元素的几种方式组件的 $nextTick(cb) 方法,会把 cb 回调推迟到下一个 DOM 更新周期之后执行。通俗的理解是...原创 2022-07-01 16:50:17 · 187 阅读 · 0 评论 -
ES6模块化与异步编程高级用法【一】
es6模块语法、promise实例、事件循环原创 2022-06-17 19:20:53 · 426 阅读 · 0 评论 -
黑马头条案例
3.安装和配置Vant组件库写在前面:一些血泪总结,不要动eslint配置特别是写驼峰命名时候,你就写驼峰命名,文件改删除的删除一个也不要留也不要重命名,index.js路由配置一定要改!!!写之前把原来的删除掉!!!!🔗 vant组件库🔗适用于vue2在安装组件的时候出现以下问题,npm版本问题报错解决方法:在命令后面加上方法一、自动按需引入组件 但是相当麻烦 所以用方案三Vant 支持一次性导入所有组件,引入所有组件会增加代码包体积,因此不推荐这种做法。发布时候会有优化。4.使用Tabbar..原创 2022-06-15 04:07:17 · 2642 阅读 · 0 评论 -
后台案例学习路由
2.基于路由渲染登陆组件页面展示:又要用到大事件项目bearer翻译过来是持票人的意思,所以bearer token可以形象地理解为临时的入场票据index.js配置路由规则点击侧边栏展示出对应的组件------嵌套路由MyAside.vueMyHome.vue路由规则是平级的,因为它在一个页面展示,所以规则平级prevent阻止默认行为,阻止a链接跳转只挑地址还不行,还要传递参数所以加上id1.r是,可以认为是,包含了。2.,都会有一个,,可以获取对应的name,pa原创 2022-06-14 01:14:19 · 185 阅读 · 0 评论 -
优化axios&路由
之前的组件每一次都需要导入,每一个.vue都相当于vue实例这样做在子组件中可以去掉导入,通过组件实例原型axios发起请求这样写更规范!!!今后,在每个.vue组件中要发起请求,直接调用this.$http.xxx但是没有解决请求根路径问题,不利于后期维护。在原型挂载之前添加以下代码,全局配置axios请求根路径4.直接把axios挂载到vue原型上的缺点缺点:无法实现api接口的复用路由(英文:router)就是对应关系。SPA (单页面应用程序)指的是一个 web 网站只有唯一的一个原创 2022-06-13 11:22:59 · 767 阅读 · 0 评论 -
ESLint安装配置
1.eslint–weiruan2.prettier-code formatter3.路径下找不到.prettierrc,自己配置一个里面写,"C:\Users\自己用户名.prettierrc"新建一个.prettierrc文件,写入如下内容原创 2022-06-12 20:44:19 · 239 阅读 · 0 评论 -
动态组件 & 插槽 & 自定义指令
动态组件指的是vue 提供了一个内置的,专门用来。可以认为,给组件占位,它的is属性指定哪个组件的名称,就把哪个组件渲染到它所在的位置。默认情况下,切换动态组件时无法保持组件的状态,会被销毁,此时可以使用 vue 内置的 保持动态组件的状态。示例代码如下:当组件时,会自动触发组件的 生命周期函数。当组件时,会自动触发组件的 生命周期函数。当组件第一次被创建的时候,既会执行created生命周期(先),又会执行activated生命周期(后)。但组件被激活的时候只会触发activ......原创 2022-06-12 11:19:05 · 403 阅读 · 0 评论 -
生命周期&数据共享[父子-子父-兄弟]&ref引用&数组复习
生命周期(Life Cycle)是指一个组件从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。生命周期函数:是由 vue 框架提供的,会伴随着组件的生命周期,。注意:强调的是,强调的是组件创建之前->组件创建好(内存中)->组件渲染之前->组件渲染到浏览器页面上组件更新前->组件更新后组件销毁前->组件销毁后可以参考 vue 官方文档给出的“生命周期图示”,进一步理解组件生命周期执行的过程:🔗 生命周期图示webpack从main.js开始执行,遇到App根组件,vue-tamplate-.原创 2022-06-11 22:44:36 · 477 阅读 · 0 评论 -
Vue基础入门(二)
过滤器侦听器计算属性computedvue-clivue 组件原创 2022-06-09 21:58:05 · 207 阅读 · 0 评论 -
Vue基础入门
vue是一套用于的前端。数据驱动视图:双向数据绑定:当数据源发生变化时,会被 ViewModel 监听到,VM 会根据最新的数据源自动更新页面的结构当表单元素的值发生变化时,也会被 VM 监听到,VM 会把变化过后最新的值自动同步到 Model 数据源中vue官网:https://v3.cn.vuejs.org/guide/introduction.htmlvue 指令1. 内容渲染指令 指令的缺点:会覆盖元素内部原有的内容! 插值表达式:在实际开发中用的最多,只是内容的占位符,不会覆盖原有的内容原创 2022-06-09 05:10:03 · 185 阅读 · 0 评论 -
前端工程化与webpack入门教程
1.实际的前端开发:⚫ 模块化(js 的模块化、css 的模块化、资源的模块化)⚫ 组件化(复用现有的 UI 结构、样式、行为)⚫ 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理)⚫ 自动化(自动化构建、自动部署、自动化测试)2.什么是前端工程化前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行。企业中的 Vue 项目和 React 项目,都是基于工程化的方式进行开发的。好处:前端开发自成体系,有一套标准的开发方案和流程3.原创 2022-06-08 15:03:40 · 83 阅读 · 0 评论