vue开发鸿蒙,vue全套教程(实操)1

Vue (读音 /vjuː/&＃xff0c;类似于 View) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是&＃xff0c;Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层&＃xff0c;不仅易于上手&＃xff0c;还便于与第三方库或既有项目整合。另一方面&＃xff0c;当与现代化的工具链以及各种支持类库结合使用时&＃xff0c;Vue 也完全能够为复杂的单页应用提供驱动。

一、MVVM模式和第一个Vue程序

1.什么是 MVVM

该层向上与视图层进行双向数据绑定

向下与 Model 层通过接口请求进行数据交互

Vue的安装方式&＃xff1a;

1.1 使用CDN方法(初学者使用)

也可以直接使用CDN的方式引入&＃xff0c;代码如下&＃xff1a;

1.2Vue-cli脚手架

利用Vue-cli 脚手架构建Vue项目&＃xff0c;在后面第七点详细讲解。(中大型项目中推荐使用)。

2.第一个Vue程序

1、创建一个 HTML 文件

2、引入 Vue.js

完整示例&＃xff1a;

var vue&＃61;new Vue({

el:"#app",

/*model数据*/

data:{

message:"hello,vue"

}

});

演示效果&＃xff1a;(视图驱动数据&＃xff0c;数据驱动视图)

————————————————

作者&＃xff1a;贝西奇谈