相关依赖

1.安装Node

https://nodejs.org/en/

验证是否安装

λ node -v
v20.10.0

2.安装cnpm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.webpack:构建工具

4.开发工具vscode 

 安装插件：扩展-搜索vetur,vscode-icon,chinese,

搭建Vue环境

1.安装vuecli工具

 npm install -g @vue/cli

验证Vue是否安装成功

 vue create my-project

npm run serve

Vue基础知识

1.模板语法

 插值：

      文本：{{}}

      原始HTML：v-html

      属性：v-bind:attr

      魔板语法使用限制：每个绑定都智能包含单个表示式

指令

缩写

    v-bind 缩写 :

条件渲染

    v-if

    v-else

     template

     v-show