Vue学习笔记（一）

一，渐进式框架，可以一个功能用也可以整个项目用。

官网：Vue.js - 渐进式 JavaScript 框架 | Vue.js

二，Vue开发前准备工作（开发环境推荐vscode）

1，Win+R 调出终端输入：node -v 查看node版本是否在15.0以上，不是要升级。

升级方法：node官网：https://nodejs.org/en/download/，下载15.0以上的安装包，傻瓜式安装即可

2，在Win+R终端或者vscode终端操作：

（1）先切换到项目的存储位置，命令行如下：

D:（切换到哪个盘）

Dir（该盘下的目录）

Cd web//切换到对应目录

（2）创建vue项目（npm init vue@latest）,项目名称不要大写

（3) 创建完之后会看到如下提问，全部都选否

（4）然后依次输入如下命令行，过程中会出现警告，无需理会，只要不出现error即可

(5)运行成功标志，有本地标志local:http://127.0.0.1.5176

三，项目目录结构

四，模板语法

将component文件夹下的文件全部删除，将app.vue中的文件内容大部分删除，只剩如下代码。

template里的内容呈现在网页端，script里进行逻辑编写

（1）最基本的绑定数据类型：文本插值，使用的是双大括号写法

结果：

（2）使用javascript表达式写法，每个绑定仅支持单一表达式，判断是否合法是看其是否可以写到return后面

无效示例

（3）v-html绑定

双大括号指挥将文本进行插值，若想将html进行插值，需要v-html标签

（4）属性绑定

双大括号不能在html attribute中使用，想要响应式的绑定一个attribute,应该使用v-bind指令