vue对象实例化

1.html中定义一个div容器,<script src='app.js'></script><div id="app">{{name}}</div>

2.在app.js里实例化vue对象,创建实例new vue({
el:’#app’,
el是elements,指的是需要获取的元素,是html中的根容器元素,div里的app就是根容器,el的值就是#app;
data:{name:‘helloworld’}
data是存储的数据,如何在html中显示helloworld,可在<div id="app">{{name}}</div>这样实现。

})
3.若是在html中没有编辑<script标签,则在html显示的是{{name}}`

4.必须注意实例化vue对象时候,new Vue 中Vue必须大写;且Vue必须单独写出来。

猜你喜欢

转载自blog.csdn.net/qq_38368356/article/details/83662914