为什么要使用Vuejs
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
Vue.js是一种JS库，它使用简单，容易上手能够实现响应的数据绑定和组合的视图组件Vue.js其实是一个JavaScript UI库，它是一个构建数据驱动的 web 界面的渐进式框架，的目标是尽可能简单的 使用API 实现响应的数据绑定和组合的视图组件，接下来在文章中将和大家详细介绍为什么使用Vue.js
【推荐课程：Vue.js】
使用vue.js的理由
vue.js上手容易，简单而且拥有很多工具包含API，性能等，它只需要一个脚本就可以体验它的精彩
每个Vue应用程序的入口点都是通过实例创建的。然后，该实例将配置应用程序的其余部分，并在应用程序扩展时得到子成员
例：
<script src="https://vuejs.org/js/vue.min.js"></script>
<div id="app">
<p>{{ message }}</p>
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
message: '这是我的第一个Vue.js文件!'
}
})
</script>效果图
通过传入一个对象来配置实例，该对象包含有关应用程序的信息以及应该加载的位置。
el属性：指定应该安装在哪个元素上，值是设置的ID元素。
data属性：要绑定到视图数据中的指定数据，该属性具有可通过模板访问值的对象。
注意：带ID的div app是我们安装应用程序的地方
用双花括号将数据绑定到模板上，在绑定配置期间用message在data对象中指定值。
数据绑定
条件
JS框架中一个非常有用的功能是能够在决策之前将数据绑定到视图。我们可以告诉Vue仅在值解析为true时才进行绑定
<script src="https://vuejs.org/js/vue.min.js"></script>
<div id="app">
<h2 v-if="demo1">为true时显示demo1</h2>
<h2 v-else="demo2">为true时显示demo2</h2>
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data:{
demo1:true
}
})
</script>
