Vue学习笔记(一)数据绑定
Vue学习笔记(一)数据绑定 一、初识Vue 1.MVVM模式 Model-View-View-Model模式是由经典的软件架构MVC衍生来的。当View(视图层)变化时,会自动更新ViewModel(视图模型),反之亦然。View和ViewModel之间通过双向绑定建立联系。 2.如何使用Vue.js 1)可直接通过script加载CDN文件 <!--自动识别最新稳定版本的Vue.js--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 2)使用Vue单文件的形式配合webpack使用 二、数据绑定 1.实例与数据 Vue.js应用的创建很简单,通过构造函数Vue就可以创建一个Vue的根实例,并启动Vue应用: <div id="app"> {{info}} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var app = new Vue({ el: '#app', data: { info: 'hello world' } }) </script> 变量app代表Vue实例。 选项el用于指定一个页面中已存在的DOM元素来挂载Vue实例