1.采用<script>标签引入vue.js库
2.定义一个<div>
3.new Vue()实例化Vue应用程序
el:element的缩写(指定被Vue管理的Dom节点入口(值为选择器),必须是一个普通的HTML标签节点,一般是Div)
Data:指定初始化数据,在 Vue 所管理的 Dom 节点下,可通过模板语法来进行使用
4.标签体显示数据:{{xxxx}}
5.表单元素数据双向绑定:v-model
6.注意:el的值不能为html 或 body
源码:
1.采用<script>标签引入vue.js库
2.定义一个<div>
3.new Vue()实例化Vue应用程序
el:element的缩写(指定被Vue管理的Dom节点入口(值为选择器),必须是一个普通的HTML标签节点,一般是Div)
Data:指定初始化数据,在 Vue 所管理的 Dom 节点下,可通过模板语法来进行使用
4.标签体显示数据:{{xxxx}}
5.表单元素数据双向绑定:v-model
6.注意:el的值不能为html 或 body
源码: