通过上一教程 引入 vue.jsvue应用分为两部分:
视图 html脚本 script
<div id="app">
{{variable}}
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
variable: " hello, world"
}
});
</script>
在new Vue 时需要传递一个对象,对象有两个非常重要的属性:
{
el:' ',
data:' '
}
el 元素,id选择器data 用于保存数据,在div中用到哪些变量,就要在data中定义并赋初值