Vue的安装和使用vue的具体步骤、单向绑定、双向绑定

一.安装Vue

1.第一步：去网上搜https://cdn.jsdelivr.net/npm/vue/dist/vue.js这个网页

2.保存到电脑上

 

3在D盘新建一个文件夹   在Visual Studio Code里打开，新建一个目录，把Vue放在里面

 

 

 

 

 二.使用Vue的具体步骤

使用vue获取div中的内容，以及设置div中的内容

使用vue的具体步骤:

1. 指定一个区域，在该区域中使用vue

2. 在该区域下方编写一个script标签，在script标签中创建Vue对象

3. 以json格式给Vue对象传入需要传入的参数

4. "el" 表示哪块区域可以使用vue

5. "data" 表示你需要定义的数据模型

6. 将message这个数据模型绑定给div的标签体: 使用插值表达式进行绑定

 

 

 三.单向绑定、双向绑定

1.单向绑定：v-bind:value="........" 或者  ：value = "....."

2.双向绑定：v-model：value = "......"  或者  v-model = "......"