vue知识点小节

101 阅读2分钟

1.Vue (读音 /vjuː/,类似于 view)的简单认识

(1)Vue是一个渐进式的框架,什么是渐进式的呢?

渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。

或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。

比如Core+Vue-router+Vuex,也可以满足你各种各样的需求。

(2)Vue有很多特点和Web开发中常见的高级功能

解耦视图和数据

可复用的组件

前端路由技术

状态管理

虚拟DOM

二、Vue知识量化

Vue的生命周期

3、基础语法

v-once

但是,在某些情况下,我们可能不希望界面随意的跟随改变

这个时候,我们就可以使用一个Vue的指令

v-html

某些情况下,我们从服务器请求到的数据本身就是一个HTML代码

如果我们直接通过{{}}来输出,会将HTML代码也一起输出。

但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。

v-text

v-text作用和Mustache比较相似:都是用于将数据显示在界面中

v-text通常情况下,接受一个string类型

v-pre

将代码原封不动的解析出来,不做任何处理

v-pre用于跳过这个元素和它子元素的编译过程,用于显示原本的Mustache语法。

v-cloak

将未解析出来的代码块进行隐藏

v-bind

作用:动态绑定属性

缩写::

预期:any (with argument) | Object (without argument)

参数:attrOrProp (optional)

v-bind用于绑定一个或多个属性值,或者向另一个组件传递props值

v-bind 动态绑定style

我们可以利用v-bind:style来绑定一些CSS内联样式。