一、Vue简介
数据驱动视图：
- 在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构。
- 注意：数据驱动视图是单向的数据绑定。
双向数据绑定：
- 在填写表单时，双向数据绑定可以辅助开发者在不操作 DOM 的前提下，自动把用户填写的内容同步到数据源。
- 开发者不再需要手动操作 DOM 元素，来获取表单元素最新的值。
MVVM
MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个 HTML 页面都拆分成了如下三个部分：
- View 表示当前页面所渲染的 DOM 结构。
- Model 表示当前页面渲染时所依赖的数据源。
- ViewModel 表示 vue 的实例，它是 MVVM 的核心，把当前页面的数据源（Model）和页面的结构（View）连接在了一起。
当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构
当表单元素的值发生变化时，也会被 VM 监听到，VM 会把变化过后最新的值自动同步到 Model 数据源中
二、Vue 的基本使用
基本使用步骤
- 导入 vue.js 的 script 脚本文件
- 在页面中声明一个将要被 vue 所控制的 DOM 区域
- 创建 vm 实例对象（vue 实例对象）
<body>
<!--2. 在页面中声明一个将要被vue所控制的dom区域-->
<div id = "app">{
{username}}</div>
<!--1. 导入vue.js的scripti脚本文件-->
<script src="./lib/vue-2.6.12.js"></script>
<script>
//3. 创建vm实例对象（vue实例对象）
const vm = new Vue({
//3.1指定当前vm实例要控制页面的那个区域
el:'#app',
最低0.47元/天 解锁文章
1822
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
