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。
也可以使用在线文件(直接引入就可以使用):
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
1.3第一个Vue.js程序
推荐大家使用Hbuilder,一款很好用的编辑器哦,你也可以使用Visual Studio(有比较多的插件用起来比较麻烦),sublime text(最新版本需要收费)等等。
运行结果:
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值
如上面的{{message}}
我们除了这种文本插入值,vue还提供了其他几种常见的文本渲染方式:
我们可以看看它们都有什么区别:
输出结果:
小结:
很高兴很大家一起学习vue,从今天开始我会每天跟大家一起分享学习vue的心得,让我们一起进步吧!