vue基础

数据的页面展示{{}} ,v-once,v-html

数据绑定属性v-bind,简写用:

事件调用：v-on,简写：@

V-if与v-show，异同

v-for 用in和of都一样，循环数组的时候，可以有两个参数，循环对象时，可以有三个参数

style与class绑定

计算属性

表单双向绑定

新建vue单页面应用

一共有两种方式：

1. vue/cli

2. vite

3. vue/cli是基于webpack

   npm install -g @vue/cli

   这样就可以在全局安装vue/cli，输入命令，查看安装是否成功

4. vue  --version
   #or
   vue -V

   能出现对应的vue/cli的版本，即为安装成功。

5. 在这一步过程中，很可能会出错，出错率10%左右，如果安装明明成功了，但是无法显示版本号，并且提示vue not ...command，则为环境变量需要配置。

   npm list -g

   查看全局环境下，包安装路径，复制其，配置电脑的环境变量，重启cmd即可。

   vue/cli安装成功后，即可新建项目

   使用vue/cli新建项目有两种方式