vue初学— —HelloWord

vue框架的搭建和配置，这里不说

当我们需要利用vue框架创建一个项目的时候

创建项目：

在当前项目文件夹下 运行命令行工具

当前文件夹下 shift+右键 “在此处打开命令窗口”

输入npm install vue

安装完成后出现node_modules文件夹和json

创建hellow.html项目

步骤：

Vue数据、视图双向绑定

1、引入vue

• CDN网址引入（项目将需要联网）
• 手动下载到电脑（项目不用联网）

2、在脚本层，定义好Vue实例化构造函数或类（双向绑定的中介）

• 定义“视图”：对象参数输入该实例（视图数据）要作用区的域
• 定义“参数”：对象参数输入该实例（视图数据）要使用的数据

3、在视图层，定义好需要使用数据双向绑定的引用，{ { xxx }}