vue到底是什么玩意

什么是Vue.js

  • Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)
  • Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!
  • Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)
  • 前端的主要工作?主要负责MVC中的V这一层;主要工作就是和界面打交道,来制作前端页面效果;

为什么要学习流行框架

  • 企业为了提高开发效率:在企业中,时间就是效率,效率就是金钱;
  • 提高开发效率的发展历程:原生JS -> Jquery之类的类库 -> 前端模板引擎 -> Angular.js / Vue.js(能够帮助我们减少不必要的DOM操作;提高渲染效率;双向数据绑定的概念【通过框架提供的指令,我们前端程序员只需要关心数据的业务逻辑,不再关心DOM是如何渲染的了】)
  • 在Vue中,一个核心的概念,就是让用户不再操作DOM元素,解放了用户的双手,让程序员可以更多的时间去关注业务逻辑;

框架和库的区别

  • 框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目。
  • 库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。

Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别

  • MVC 是后端的分层开发概念;
  • MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM ViewModel

Vue.js 基本代码 和 MVVM 之间的对应关系

Vue 实例所控制的这个元素区域,就是我们的 V
new 出来的对象,就是我们 MVVM中的 VM调度者
这里的 data 就是 MVVM中的 M,专门用来保存 每个页面的数据的

Vue之 - 基本的代码结构插值表达式v-cloak

使用 v-cloak 能够解决 插值表达式( 即{{ }} )闪烁的问题
(闪烁是 浏览器先把{{}}显示,加载完vue之后才渲染出内容的)

Vue指令之v-textv-html

默认 v-text 是没有闪烁问题的 。
v-text会覆盖元素中原本的内容,但是 插值表达式 只会替换自己的这个占位符,不会把 整个元素的内容清空。
v-html也会覆盖元素中原本的内容,但是会识别出HTML标签。

Vue指令之v-bind的三种用法

v-bind是 Vue中,提供的用于绑定属性的指令,可以写合法的JS表达式

  1. 直接使用指令v-bind:
  2. 使用简化指令:
  3. 在绑定的时候,拼接绑定内容::title="btnTitle + ', 这是追加的内容'"

Vue指令之v-on跑马灯效果

提供了 v-on:事件=“自己起的事件名” 事件绑定机制 简化指令是@
v-on:click=“show”
事件如:click ,mouseover等等

上一篇:ktolin+Jetpack Compose+协程Flow+MVVM


下一篇:从零开始搭建Wpf基础5-无限级菜单MVVM实现