写点什么

Vue 框架学习笔记 每天学习 ---- 五

作者:黎燃
  • 2022 年 6 月 03 日
  • 本文字数:810 字

    阅读完需:约 3 分钟

Vue CLI

CLI 是(Command-Line Interface) 命令行界面, 俗称脚手架 Vue CLI 是官方发布的 vue.js 项目脚手架, 可以快速搭建 vue 开发环境以及 webpack 配置


Vue CLI 使用前提 - 安装 node 安装 webpack


Vue CLI3

3 是基于 webpack 4 打造,2 还是 webapck 33 的设计原则是“0 配置”,移除的配置文件根目录下的,build 和 config 等目录 3 提供了 vue ui 命令,提供了可视化配置,更加人性化移除了 static 文件夹,新增了 public 文件夹,并且 index.html 移动到 public 中

vue-router

路由是一个网络工程里面的术语路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动 — 维基百科


路由器提供了两种机制: 路由和转送


路由是决定数据包从来源到目的地的路径转送将输入端的数据转移到合适的输出端路由中有一个非常重要的概念叫路由表


路由表本质上就是一个映射表, 决定了数据包的指向

双向数据绑定

也就是所谓的响应式数据绑定。这里的响应式不是 @media 媒体查询中的响应式布局,而是指 vue.js 会自动对页面中某些数据的变化做出同步的响应。


也就是说,vue.js 会自动响应数据的变化情况,并且根据用户在代码中预先写好的绑定关系,对所有绑定在一起的数据和视图内容都进行修改。而这种绑定关系,就是以 input 标签的 v-model 属性来声明的,因此你在别的地方可能也会看到有人粗略的称 vue.js 为声明式渲染的模版引擎。


这也就是 vue.js 最大的优点,通过 MVVM 思想实现数据的双向绑定,让开发者不用再操作 dom 对象,有更多的时间去思考业务逻辑。

虚拟 DOM

现在的网速越来越快了,很多人家里都是几十甚至上百 M 的光纤,手机也是 4G 起步了,按道理一个网页才几百 K,而且浏览器本身还会缓存很多资源文件,那么几十 M 的光纤为什么打开一个之前已经打开过,已经有缓存的页面还是感觉很慢呢?这就是因为浏览器本身处理 DOM 也是有性能瓶颈的,尤其是在传统开发中,用 JQuery 或者原生的 JavaScript DOM 操作函数对 DOM 进行频繁操作的时候,浏览器要不停的渲染新的 DOM 树,导致页面看起来非常卡顿。

发布于: 刚刚阅读数: 3
用户头像

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

评论

发布
暂无评论
Vue框架学习笔记 每天学习----五_6月月更_黎燃_InfoQ写作社区