Vue引入

1. vue引入


  • 第一种方法:在线引入
  • 第二种方法:本地引入

Vue引入_第1张图片

 2. 语法学习


  • el用于绑定id,data用于定义数据
  • 如下例题

Vue引入_第2张图片 Vue引入_第3张图片





    
    
    Document
    
    
    



    
{{10+20}} {{ myname}}
  •  el用于绑定id,如果没有绑定,{{}}符号里面的内容是照常显示

Vue引入_第4张图片Vue引入_第5张图片

  • 把vue对象挂载到实例上

Vue引入_第6张图片

运行如下:

如下在控制台直接通过刚刚定义的vm实例vm.myname来修改值

Vue引入_第7张图片 

 接下来是刚刚代码实现的底层逻辑,具体是涉及到一个Object.defineProperty()方法

 Vue引入_第8张图片

 Vue引入_第9张图片

 


    

你可能感兴趣的:(vue.js,前端,javascript)