vue2 基础知识点学习日记的总结（1）

我也是在2021年9月21才正式接触到了vue，其实学了几天的vue也对vue有了一个初步的了解，vue无非就是是一款友好的、多用途的且高性能的js框架,它可以帮你创建可维护性和可测试性更强的代码库。官方解释也就是vue是一套用于构建用户界面的渐进式框架，好了下面我也和大家分享分享5天的学习结果吧！

vue 基础语法部分：

1、插值表达式：

（1）：mustache语法也就是{{}}双括号语法，它不仅可以使内容渲染到页面中，同时双括号中也可以进行一些简单的表达式等；

<div>{{content}}</div>

（2）：v-html 可以把数据中的html标签一起加载到页面中；

<div v-html="content"></div>

（3）：v-text 类似于双括号语法，不同的是v-text会覆盖标签中原本的属性；

<div v-text="content">本来的内容</div>   //这个'本来的内容'就会被v-text渲染的内容覆盖

扩展：

（4）：因为vue是响应式的，所以内容的变化会直接响应到页面中，而要阻止页面内容只会渲染一次，就要用到 v-once 它只会让内容渲染一次，不会随着数据的改变而改变.

<div v-once>{{content}}</div>  使content之后渲染到页面一次

（5）：如果内容不想让vue进行解析，可以使用 v-pre 跳过vue的渲染

<div v-pre>{{content}}</div>  //页面显示{{content}}

（6）：v-cloak 可以在页面还没有加载到vue使对需要vue进行解析的内容先进行隐藏，加载后在显示出来

<style>
  #app {
    display:none;
 }
</style>

<div id="app" v-cloak>
  <div>{{content}}</div>
</div>