web前端-框架
主流前端框架
C-A-L-D
双手代码,失去年华!
展开
-
Vue全掌握——数据共享
数据管理在实际的开发中,经常会遇到多个组件共享一个数据的场景面对这种场景,会产生至少以下两个问题:多个组件如何共享同一份数据?如果某个组件修改了数据,如何让其他组件知道?面对这种问题,一个可行的解决办法,就是让数据提升所谓数据提升,就是把数据提升到更加顶层的组件,让顶层的组件通过属性下发数据,而当组件想改变数据的时候,又通过事件一层层向上传递。使用这种方式(传统实现方式),虽然可以解决问题,但是带来了更多的问题:书写特别繁琐依赖极其混乱:某些组件本来并不需要一些数据,但是由于它的子组原创 2020-06-23 16:39:40 · 469 阅读 · 0 评论 -
Vue全掌握——路由
技术需求:浏览器无论访问什么地址,访问的真实页面始终是index.html,vue根据不同的地址,渲染不同的组件。由于真实页面是唯一的,用户看到的页面切换,实际上是组件的切换,这种应用称之为单页应用开发单页应用涉及到两个核心问题:在哪个位置切换组件访问路径如何对应组件vue-router使用vue-router可以非常轻松的构建单页应用程序官网路由模式:hash:路径来自于地址栏中#后面的值,这种模式兼容性比较history:路径来自于真实的地址路径,旧浏览器不兼容abstrac原创 2020-06-23 08:48:15 · 168 阅读 · 0 评论 -
Vue全掌握——命令行脚手架工具 (vue-cli)
传统搭建的项目存在的问题兼容性问题vue-cli会自动解决浏览器兼容问题 。使用模块化会导致JS文件增加,从而导致传输文件数增加vue-cli将全部JS文件整合,极大减少文件数量。直接使用原始代码会导致文件体积过大vue-cli会自动压缩源文件。使用第三方库很不方便搜索下载引用js(某些第三方库可能没有ES6 模块化版本)vue-cli自动依赖组件,导入第三方库也很方便。vue模板书写在字符串中,没有智能提示,没有代码着色vue-cli自动提示。难以把样式代码集成到vue原创 2020-06-14 13:25:13 · 922 阅读 · 0 评论 -
Vue全掌握——组件化
Vue组件化的前置知识:es6模块化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue组件化</title> <script src="./src/m原创 2020-06-13 21:04:23 · 173 阅读 · 0 评论 -
Vue全掌握——指令、axios
vue官网Vue介绍:是一套用于构建用户界面的渐进式框架与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用只关注视图层“渐进式框架”:我的理解是,需要什么往里面加,不需要多余的部分!有多少东西,干多少活!显得简洁,主张最少“自底向上逐层应用”:由基层开始做起,把基础的东西写好,再逐层往上添加效果和功能。兼容性Vue不支持IE8 及以下版本,因...原创 2020-04-10 00:06:46 · 3410 阅读 · 11 评论