Vue搭建与使用

一、什么是Vue？

Vue是一个构建【数据驱动】的前端渐进式框架，主要用于实现界面交互。

1. 前端主要做两件事

   ①界面
   bootstrap、ElementUI
   ②交互
   jquery、Vue

2. 中文官网

   https://cn.vuejs.org/

二、Vue环境搭建

Vue可以以两种形式使用：

1. 引入库文件

   ①下载库文件 vue.js

   https://cn.vuejs.org/js/vue.js

   ②引入到网页

   <script src="js/vue.js"></script>

   ③创建模板

   <div id="app"></div>

   ④初始化Vue对象

   new Vue({
        
   	el:'#app',
   	data:{
        
   	}
   });
   

2. 官方脚手架vue-cli

   全局安装vue-cli

   npm i -g @vue/cli
   yarn add global @vue/cli
   目的：为了提供vue命令

   创建项目

   vue create 项目名称

   启动项目

   npm run serve
   yarn serve

三、项目目录结构

• node_modules

  依赖安装目录

• public