jquery的项目，html页面使用vue3 +element Plus的简单入门使用

vue3，element引入

 
 
 

1.点击事件绑定

  
  
  
  
  




  {{ message }}
  消息

2.动态修改值

点击事件重置message:

message.value = "new Hello"

3.jQuery方法调用vue3的数据与字段

const vm=app.mount('#app')，mount之后返回vm实例对象，通过vm拿到setup里返回的东西。

  
  
  
  
  
  




  {{ message }}
  消息

效果

4.列表对象的属性动态更新

使用ref创建一个列表，更新列表某一项对象的属性： (tableData.value)[0].REFNO

  
  
  
  
  



  {{ message }}
  

    更新
    重置
    新增
    {{message}}
  
  
  
    
    
    
  

 点击之后，更新单号效果