Vue.js→认识Vue.js

1.1 Vue.js简介

vue官网介绍:

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

简单点说vue的主要特点大概就是这样:

1.简洁  2.轻量   3.快速   4.数据驱动   5.模块有好   6.组件化

1.2Vue.js安装

Vue.js官网下载地址:https://cn.vuejs.org/v2/guide/installation.html,推荐下载使用开发版本,开发版本会有更多的错误提示和警告,方便代码编写和修改bug。


Vue.js→认识Vue.js_第1张图片

也可以使用在线文件(直接引入就可以使用):

1.3第一个Vue.js程序

推荐大家使用Hbuilder,一款很好用的编辑器哦,你也可以使用Visual Studio(有比较多的插件用起来比较麻烦),sublime text(最新版本需要收费)等等。


Vue.js→认识Vue.js_第2张图片

运行结果:


Vue.js→认识Vue.js_第3张图片

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值

如上面的{{message}}

我们除了这种文本插入值,vue还提供了其他几种常见的文本渲染方式:


Vue.js→认识Vue.js_第4张图片

我们可以看看它们都有什么区别:

Vue.js→认识Vue.js_第5张图片

输出结果:

Vue.js→认识Vue.js_第6张图片

小结:

Vue.js→认识Vue.js_第7张图片

很高兴很大家一起学习vue,从今天开始我会每天跟大家一起分享学习vue的心得,让我们一起进步吧!

你可能感兴趣的:(Vue.js→认识Vue.js)