带有点击事件处理程序的Vue 2.0

如何使用vue2.0和jquery onclick事件方法？ 当我研究特定问题时，在vue上定义了这个。$ el.addEventListener（’click’，this.onClick）的挂载。 但对我来说似乎并不是很清楚。 我需要这里的帮助。 好心提醒

正如我的代码在jquery下面：

$(document).on("click",".ballNum li",function(){ var robj = $(this); var value = robj.text(); var bit = $(this).parents(".ballNum").attr("id"); if(robj.attr("name")=="choice"){ robj.removeAttr("name"); }else{ robj.attr("name","choice"); } var isSave = saveNum(value,bit,"reverse"); if(isSave==1){ $(this).addClass("active"); }else if(isSave==-1){ $(this).removeClass("active"); }else{ layer.alert('Error',{icon: 0, title:'Alert'}); } 

Answer 1

您需要首先了解jQuery和VueJS之间的基本区别。 你在jQuery中所做的一切都可以在VueJS中完成，这只是理解差异的问题。 当我们在jQuery的土地上时，我们习惯于$()来获取值和东西。

VueJS不同，这里，后端有反应，图书馆负责完整的HTML。 您必须使用Vue语法定义html，然后定义存储变量的数据数组。 然后在模板中使用变量

  
 
 
{{todo}}
 
{{todo}}
 
{{todo}}
 
 
  

这将打印“做某事！” 三次。

这是我们可以对上面的块做的修改，在添加输入标记之后，这里是你的’click’方法，而不是使用jQuery的click方法，我们使用Vue提供的方法。

Vue的click方法执行Vue的AddToDofunction。

      Add todo 
 
 {{ todo.title }} : {{ todo.text }} 
 
  

这将使你成为现实：

1. 创建一个新的待办事项列表项
2. 在数据数组中添加该todo列表项，该项自动呈现为html而无需进行任何渲染。

有关详细信息，请阅读： https ： //github.com/thewhitetulip/intro-to-vuejs/

Answer 2

我猜是这样的：

Greet

然后在Vue组件中：

然后将您的方法中的代码放入greet方法中。

但是，我首先要通过学习他们的文档来学习一些Vue.js。

米克