Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。

页面首先需要引用vue.js

    <script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>

一个最简单的例子

    <div id="app">
        <p>{{ message }}</p>
        <input v-model="message">
    </div> 
    <script>
        new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue.js!'
            }
        }) 
    </script>



Leave a Reply