01.初识vue

什么是vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

vue.js的安装

方式一:直接CDN引入

什么是CDN(Content Delivery Network)内容分发网络:
通过相互相连接的网络系统,利用最靠近每个用户的服务器;
更快更可靠的将音乐、图片、视频、应用程序及其文件发送给用户；
来提供高性能、可扩展性及低成本的网络内容传递给用户。
方式二:下载和引入
开发环境: http://vuejs.org/js/vue.js
生产环境: http://vuejs.org/js/vue.min.js

方式三:NPM安装
后续学习webpack后使用.
方式四: 直接通过Vue CLI创建项目,并使用.

代码体验

引入vue.js文件

		
		
{{ message }}
		

vue中的MVVM

MVVM是Model-View-ViewModel的简写,
MVVM采用双向数据绑定，view中数据变化将自动反映到viewmodel上，反之，model中数据变化也将会自动展示在页面上。把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回Model。

HBuilderx设置代码片段

打开工具，选择设置代码块–>html代码块设置。
在这个https://snippet-generator.app/ 网址中，生成代码块的格式，复制后粘贴到HBuilderx中，保存即可使用。