Vue入门

在pc端我们可以非常方便的打开开发者工具来查看页面的元素、网络请求或console日志等，甚至对代码进行调试，这样会很快的帮助我们定位问题解决问题。那么如果开发手机端的网页应用，我们如何来查看这

开发过程中我们会经常遇到一些复杂的页面，而这些页面大部分由一个个小部分组合起来的，而且不同页面中可能有些部分是一样的，所以我们通常会将这些部分封装成组件。在Vue中，我们可以使用components

通过`v-if`可以控制组件是否渲染。只会在**truthy**值的时候才被渲染。我们可以用`v-for`基于一个数组来渲染一个列表，使用的是一个`item in items`的语法

Video.js是一个通用的在网页上嵌入视频播放器的JS库，比原生video标签有更强大的功能、更好的兼容性、更美观等优点。是一个比较流行的视频播放器

vite是下一代前端开发与构建工具，目前官方推荐使用vite来构建项目。下面我们来看看如何创建vue3项目。

Pinia是Vue官方出的存储库，可以在组件或页面间共享数据。Pinia是官方用来取代Vuex库的。相比于Vuex，Pinia更加简洁，而且支持组合式API。

Ant Design是目前比较流行的一个UI框架，也有vue版本，今天就来看看如何在vue项目中使用它。