1.引入vue
2.把html元素与vue关联起来
<div id="div">
</div>
<script>
new Vue({
el: "#div"
})
</script>
3.差值表达式{ {}} 里面只能写值和表达式
注意语法:前后空格不空格会识别不了对象
注意:data可传值过来
console.log(vm.$data)可取到data对象
console.log(vm.$el)可取到el的值
注意:data里面的值也会放到VM里面去 console.log(vm.a) console.log(vm.b)
注意:页面更新是异步的
<div id="div">
{
{ "1" }}
{
{ 1 }}
{
{ true }}
{
{ false }}
{
{ [1,2,3] }}
{
{ {aa:"1",bb:"2"} }}
{
{ undefinde }}
{
{ null }}
{
{ 1+1 }}
{
{ 1/2 }}
{
{ 1*10 }}
{
{ a }}
{
{ b }}
{
{ c }}
</div>
<script>
const vm