Vue.js基础---简单的模板页面

Vue.js基础—简单的模板页面

1.模板页面包含了哪些东西？

–> html + js

2.js以什么形式(语法)存在？

插值: 双大括号表达式，插入一个动态的值在标签内文本内容上，动态显示数据
指令: vue自定义标签属性(以v-开头)，属性值是一个js的表达式 v-model=“msg”，指令操作的是标签
指令和插值中的表达式 自动 从data中动态取数据

3.双向数据绑定, 2个重要特点:

只要改变data中的数据值, 界面就自动更新 ===> 数据(单向)绑定 data ==> 模板页面
改变页面输入数据, data中的数据也可以自动改变 ===> 页面 ==> data

4.写一个简单的模板页面

1.引入Vue.js
2.创建Vue对象
el : 指定根element(选择器)
data : 初始化数据(页面可以访问)
3.双向数据绑定 : v-model
4.显示数据 : { {xxx}}

<div id=