了解Vue.js是什么？
Vue.js是一个用于构建用户界面的渐进式框架，可以轻松地将一些组成页面的可复用的部件组成大型的，高性能的 UI。 它提供了更优雅、更简单的方式来创建 Web 应用程序，并运行在所有现代浏览器及移动端设备。
Vue.js外链概述：
Vue.js是一个客户端框架，因此在前端页面开发中是肯定需要使用Vue.js的。也就是说使用Vue.js的方式是通过在前端页面中导入Vue.js的文件，再通过Vue.js提供的一些API去实现前后端的交互。在使用Vue.js之前我们需要引入Vue.js的外链。
Vue.js外链方式：
Vue.js非常适合前端开发，并且可以很容易的从外部引用，通常我们可以从官网下载Vue.js，然后在我们的HTML页面中通过使用外链的方式去引入。
//引入Vue.js <script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>
Vue.js常用指令：
Vue.js指令以“v-”开头，是用来控制HTML内容的。Vue.js中的指令可以和常见的HTML标签结合使用，提供了更良好的交互体验及更优雅的代码结构。常用的指令有：
//v-on:绑定事件，用来监听使用者的点击操作
<button v-on:click='fn()'>点击</button>
//v-for:用来循环遍历数组进行显示
<ul>
<li v-for='in in list'>{{in}}</li>
</ul>
//v-if、v-show:用来控制元素的显示和隐藏的指令
<div v-if='showDiv'>这是一个v-if显示的div</div>
<div v-show='showDiv'>这是一个v-show显示的div</div>
//v-bind:简写为‘:’ 用于动态设置HTML的属性
<img :src='imgUrl' :alt='imgAlt' />
//v-model:绑定表单元素，如input、textarea、select等，能够实现表单数据的双向绑定
<input type='text' v-model='text' />
Vue.js双向数据绑定实现：
Vue.js实现双向数据绑定的方式是通过位于页面的数据模型（Model）和显示的要素（View）之间的数据绑定实现。 更改数据模型中的数据时，会自动更新View页面中的数据，反之亦然。这种数据流是最大的优点之一。
Vue.js 通过运用MVVM模型（Model-View-ViewModel）来实现双向数据绑定。 其中ViewModel是一个中介， 是连接 View 和 Model 的桥梁。 当Modle中数据有任何改变时，就会通知ViewModel，在另一方面，如果用户在 View 中任何操作进行了修改，ViewModel 会通知 Model 更新数据。
Vue.js能做什么？
Vue.js 不仅适用于构建 大型单页应用程序 (SPAs)， 同时也能够轻松合并到使用传统模板的多页 Web 应用程序中。 它可以 优化 Web 应用程序的性能及开发速度， 对简化代码，实现模块可重用等方面效果明显。因此，Vue.js使用的人数越来越多，又特别适合开发人员在面向未来的项目中使用。
