Vue系列一之:如何构建一个简单的Vue项目

网络上已经有很多关于学习vue的资源和内容,官方文档更是给出了大量的知识点和使用方法给我们提供学习,可是学习归学习,如果这些内容没有应用到实际的开发当中,那也是没有什么用途的,因为工具之所以为工具,是因为在你不断的使用中,有自己的思考,有自己的判断,有自己去探索的空间。

好了,废话不多说了,下面我们来看一下官方给予的一个定义:

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。

有兴趣的同学可以详读官方文档,我们这里只是从入门讲解vue的一些基本操作和功能

一、安装

安装有几种方式,官方推荐学习的过程中不要用脚手架去搭建项目。

1.我们可以通过最简单的

我们可以看到,其实这里主要由三大模块组成,第一个模块是: