没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端JavascriptVUE的详细知识介绍，可以满足面试的全部需要

VUE的详细知识介绍，可以满足面试的全部需要

vue.js

javascript

需积分: 5 0 下载量 51 浏览量 2022-03-30 15:51:36 上传评论收藏 3.43MB PDF 举报

温馨提示

试读

41页

VUE的详细介绍，可以满足面试，学习，使用等初步的了解。

资源详情

资源评论

资源推荐

Vue是什么

1.Vue是一套用于构建用户界面的渐进式框架“前端框架”

2.让程序员脱离自己操作DOM专注于写逻辑和操作数据

3.Vue的核心库只关注视图层易上手便于与第三方库或既有的项目整合

4.当与现代化的工具链以及各种支持的库结合使用时Vue也完全能够为复

杂的单页应用提供驱动

说明：

构建用户界面：就是说，通过vue可以构建一个用户界面。这句话的理解是，传

统的动态界面构建，是通过后台获取数据，然后通过操作DOM，实现界面的动

态变化了。但是现在这个过程，就是通过VUE来实现的，也就是所，VUE获取后

端数据以后，再将数据给界面，从而实现用户界面的构建。

脱离操作DOM：就是说，VUE自己会操作DOM，用户只需要关注DATA就可以

了，也就是用户只需要关心，如何控制数据就可以了，不用关心去查找DOM，

然后再去操作DOM。

便于与第三方库或既有的项目整合：这个就是说VUE是一个没有侵入性的js库，

并不想react或者是angularJS这些库，他们没有办法与其他的框架整合到一起。

但是VUE可以，VUE可以与jquery等其他库很好的融合。这个是很重要的特性。

什么是MVVM

model数据

view页面

viewModelVue实例

DOM监听(DOMListeners)

数据绑定(DateBindings)

说明：

当VIEW的数据发生改变的时候，ViewModel是通过DomLListener监听到的，

然后获取DOM数据，更新MODEL（这个更新，就是发送请求等操作），而当

model数据发生改变了的时候，ViewModel是通过数据绑定，将model的数据

发送给VIEW实现动态的页面显示，或者是数据的变更。

什么是命令式编程和声明式编程

说明：

命令式编程：简单来说，就是业务逻辑编程，第一步做什么，第二步做什么，

如果少一步，就会少执行，这个就是命令式编程。

举个例子：

当你需要显示如下数据时：

中国

美国

俄国

这个时候，在界面上如何操作哪？大概的过程如下，（注意伪代码）

1 获取数据

2 然后拼接字符串

3 <ul><li>中国</li><li>美国</li><li>俄国</li>

4 </ul

5 然后获取DOM，然后将上边的字符串输出到这个位置。

那么声明式编程，大概如下：

1 <ulv‐forpinarrays>

2 <li>{{p.name}}</li>

3 </ul>

大概就是这个样子，看出来了吗，大概就是说，表达你要做的事就可以了，至于

怎么做，都由VUE自动完成，你不用管。

所以说，声明式编程，是VUE的实现方法，非常关键，但是需要注意的是，就

是这个只跟学习VUE的指令有关系。

vue指令介绍

v-text

说明:文本数据渲染

用法:v-text="Vue实例中的数据"=>简写{{Vue实例中的数据}}

相当于JavaScript中的innerText

v-html

说明:HTML渲染数据

用法:v-html="Vue实例中的数据"

会解析html结构渲染至页面

相当于JavaScript中的innerHTML

v-on

说明:事件绑定(绑定事件监听器)

用法:v-on:事件名="事件处理函数"=>简写@事件名="事件处理函数"

@事件名.修饰符=“事件处理函数”

逻辑比较少的可以直接写在行内

逻辑较多的写到methods中注意:操作Vue实例上的数据要跟上this

可以通过实参传递($event)获取事件参数e

v-bind

说明:属性绑定(行内属性)

用法:v-bind:属性名="Vue实例中的数据"=>简写:属性名="Vue实例中的数据"

当Vue实例中的数据改变之后页面会同步更新

v-model

说明:双向数据绑定

用法:v-model="Vue实例中的数据"

v-for

说明:循环渲染

用法:v-for="(item,index)initems":key="index"

v-if,v-else,v-else-if

说明:条件(表达式或布尔值)判断渲染

用法:

v-if="表达式或布尔值"

v-else-if="表达式或布尔值"

v-else

v-show

说明:条件渲染

用法:v-show="表达式或布尔值"

根据表达式或布尔值的真假切换元素的display属性

v-cloak

说明:这个指令保存在这个元素上直到关联实例结束编译，用于禁止屏幕闪烁。

1 <div>

2 {{message}}

3 </div>

1 <div>

2 helloworld!

3 </div>

一般渲染是要经过如上两个步骤的，现在渲染只需要忽略第一个的出现，从而减

少闪烁。

v-once

说明:这个指令添加的元素内部的胡子语法只会在第一次渲染的时候执行解析一次后面数

据发生改变后也不会触发更新

什么事虚拟DOM

说明：

所谓的虚拟DOM，就是原来我们在给DOM添加数据的时候，是直接找到

DOM，然后更改属性，但是，这有一个问题，就是当数据改变以后，DOM面

临大量的重建问题，DOM每次都是先销毁，然后再创建，这样的过程就会导

剩余40页未读，继续阅读

内容反馈

dongdongdongJL

粉丝: 75
资源: 11

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

VUE的详细知识介绍，可以满足面试的全部需要

评论0

最新资源

VUE的详细知识介绍，可以满足面试的全部需要

评论0

vue基础知识面试题.zip 包含 vue2 和 vue3

Vue2.x和Vue3.x面试常问知识点-面试题-JackieDYH - CSDN博客.pdf

2023经典vue面试题

vue项目中遇到的难点面试.pdf

vue面试题全部vue面试题全部

vue面试题_vue常见面试题和答案[文].pdf

【vue面试题】资源【vue面试题】资源

Vue面试中，经常会被问到的面试题Vue知识点整理.md

vue面试题知识点大全.pdf

vue面试-高质量vue面试题-高频vue面试题

vue面试题vue面试题vue面试题vue面试题vue面试题

vue知识树思维导图前端面试必备

2023年最新的Vue全套面试题（含答案）

vue常见面试题.zip vue常见面试题.zip

vue面试题2020(25道)+vue3.0详解.md

谈谈常见的vue面试题

29个Vue经典面试题（附源码级详解)

vue面试题及答案_vue面试问题及答案.pdf

vue面试题-vue常见面试题和答案.pdf

echarts-gl.min.js

自主研发的软著申请代码文档整理输出工具

2023前端面试八股文.pdf

javascript网页设计期末作业 购物网站

javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段

基于JavaScript网红太空人表盘

jquery-3.7.0.min.js（jQuery下载）

小兔鲜项目源码（动态网页，包含首页、注册页、登录页、购物页）原生HTML、CSS、Javascript

chromedriver-122.0.6261.70-64

h5+JavaScript 烟花demo

最新资源

javascript网页设计期末作业购物网站