Vue学习笔记

Vue可以提升开发体验，因为它是组件化开发，复用性比较高

Vue 可以列表渲染，可以一次性渲染出来

Vue>react>Angular

Vue是渐进式框架（逐渐增强的），简单复杂的页面都可以胜任

Vue是一个框架，也是一个生态，它的开发者会提供一些好用的插件，所以它的生态很好。

一个技术的生态决定它是否会火

单页应用是在一个页面中更换内容，给人页面很多的感觉

Vue组件的风格

选项式API

例如：vue2和vue3

下面是vue2的写法，它实现了一个点击按钮累加的功能（旧的写法）

组合式API（下面是一个新的写法，看起来更简洁）

Vue开发前的准备

熟悉命令行

已安装15.0或更高版本的node.js

创建Vue项目（在cmd中），可以在自己想要创建的文件目录下打开cmd窗口进行创建，也可以在cmd里面进行创建

npm init vue@latest

在创建项目的过程中，项目名不要出现大写

cnpm是npm的镜像，cpm的安装速度要更快

安装过程中只要不报红色的error就是安装成功了

npm run dev 命令来运行这个项目

综上，总共用到三个命令行

可以复制这个地址，在浏览器里面打开

说明Vue的项目已经创建成功了，可以基于这个环境进行开发

开发环境

官方推荐的开发环境是visual studio code+volar扩展

Vue项目的目录结构