11_04_第六阶段：大前端进阶||07-Vue详解||P6：Vue绑定事件【观看狂神随笔】

前序：

1. v-on

可以用v-on指令监听DOM事件，并在触发时运行一些JavaScript代码
参考：jQuery事件
v-on监听事件：

事件有Vue的事件、和前端页面本身的一些事件！我们这里的click是vue的事件，可以绑定到Vue中的methods中的方法事件！

<div id="app"><button v-on:click="sayHi()">Click Me</button>
</div><!--导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script type="text/javascript">var vm = new Vue({el: "#app",data: {message: "助行"},methods: {   //方法必须定义在Vue的methods对象中，v-on事件sayHi: function () {alert(this.message);}}});
</script>

11_04_第六阶段：大前端进阶||07-Vue详解||P6：Vue绑定事件【观看狂神随笔】相关推荐

大前端relative和absolute详解
很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于 ...
09_20_第七阶段：微服务开发||01-SpringBoot||19分布式Dubbo和Zookeeper【观看狂神随笔】
19分布式Dubbo和Zookeeper+Springboot 阿里云,腾讯云等一.分布式理论什么是分布式系统: 我们应不应该先考虑分布式系统?:不应该! 集群与分布式的区别:https://zh ...
【Java全栈】Java全栈学习路线及项目全资料总结【JavaSE+Web基础+大前端进阶+SSM+微服务+Linux+JavaEE】
目录 jdk api 1.8中文版 jdk api 1.8_google.CHM 零:Java 全栈知识体系第一阶段:JavaSE 一,程序应用(★★) 二,面向对象程序设计基础(★★★) 面向对象 ...
大前端进阶！NodeJS、Npm、Es6、Babel、Webpack、模块化开发
文章目录大前端进阶一.Node.js 1.1.Nodejs介绍和安装 1.2 .Nodejs入门 1.2.1.快速入门-Hello World 1.2.2.Node - 实现请求响应 1.2.3. ...
大数据课程培训大纲详解，大数据培训学习内容
大数据助力成就非凡.大数据正在改变着商业游戏规则,为企业解决传统业务问题带来变革的机遇.毫无疑问,当未来企业尝试分析现有海量信息以推动业务价值增值时,必定会采用大数据技术.那么大数据培训哪家好呢?今天 ...
大数据发展规划及技术详解
大数据发展规划及技术详解 1.BI的流程:主要是阐述一下BI的流程:第一,需求分析阶段,要搞清楚用户需求,就本例用户想要的是volte业务使用情况的月报表,必须要搞清楚月报表中包括哪些指标(包括维度指 ...
＜Zhuuu_ZZ＞大数据技术之Flume详解
大数据技术之Flume详解一 Flume配置 Flume安装地址环境配置验证二 Flume基础架构 1.定义 2.Flume组成架构 3.Flume组件 Agent Source Channe ...
【原创-更新完毕】|日历拼图游戏的解决方案（C语言-进阶应用）-详解连载1
[原创]|日历拼图游戏的解决方案(C语言-进阶应用)-详解连载2_zhuyi8120的博客-CSDN博客 [原创]|日历拼图游戏的解决方案(C语言-进阶应用)-详解连载3_zhuyi8120的博客-C ...
前端技术之_CSS详解第三天
前端技术之_CSS详解第三天二.权重问题深入 2.1 同一个标签,携带了多个类名,有冲突: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
javaweb(07) Servlet详解
javaweb(07) Servlet详解什么是Servlet 简介从广义上来讲,Servlet规范是Sun公司制定的一套技术标准,包含与web应用相关的一系列接口,是web应用实现方式的宏观解决 ...

11_04_第六阶段：大前端进阶||07-Vue详解||P6：Vue绑定事件【观看狂神随笔】

1. v-on

11_04_第六阶段：大前端进阶||07-Vue详解||P6：Vue绑定事件【观看狂神随笔】相关推荐

最新文章

热门文章