首页 > 其他分享 >vue学习七

vue学习七

时间:2023-10-20 16:33:10浏览次数:27  
标签:el vue console log app7 学习 点击

    <div id="app7">
        <div style="height: 80px;width: 80px;background-color: aquamarine;" @click="father">
            <div style="height: 40px;width: 40px;background-color: bisque;" @click="son"></div>
        </div>
    </div>
    <script>
        const app7=new Vue({
            el:'#app7',
            data:{},
            methods:{
                father(){
                    console.log("父亲被点击")
                },
                son(e){
                    e.stopPropagation()
                    console.log('儿子被点击')
                }
            }
        })
    </script>

 

标签:el,vue,console,log,app7,学习,点击
From: https://www.cnblogs.com/cocotun/p/17777422.html

相关文章

  • 时间格式处理学习指南
    前置芝士h:m:s转为secondsintpto(stringtime){ inth,m,s; sscanf(time.c_str(),"%d:%d:%d",&h,&m,&s); returnh*3600+m*60+s;}seconds转为h:m:sstringsto(intseconds){ inth=seconds/3600; seconds%=3600; intm=seconds/60; ints=second......
  • 正则表达式学习指南
    前置芝士转移字符\r、\n回车,换行符\t制表符\\\^\$\.\d匹配数字\w匹配字母、数字、下划线\s匹配空格、制表符、换页符、空白符特殊符号{n}{m,n}{m,}?+*^$\b|()朴素匹配[ABC][^ABC][A-Z][0-9].or[^\n\r]匹配除换行符(\n、\r)之外的......
  • 【从零学习python 】02. 开发工具介绍及交互式编程及注释详解
    编写Python代码根据我们之前介绍的知识,我们知道,所谓代码其实就是将一段普通文本按照一定的规范编写,然后交给电脑解析并且执行。那既然是一段文本,那我们是否可以直接使用文本编辑器来编码呢?答案是肯定的,但是这样开发起来,效率会很低。一、常见的代码编辑工具实际上,在我们实际工作......
  • 【从零学习python 】03. Python编程基础:变量、数据类型与标识符
    变量以及数据类型一、变量的定义对于重复使用,并且经常需要修改的数据,可以定义为变量,来提高编程效率。定义变量的语法为:变量名=变量值。(这里的=作用是赋值。)定义变量后可以使用变量名来访问变量值。如下示例:#不使用变量打印三次"今天天气真好",如果需要变成打印"......
  • 【从零学习python 】04. Python中的输出和输入
    输出简单来说,就是将程序的运行结果显示出来。一、普通的输出生活中的“输出”软件中的图形化界面输出python中变量的输出print('helloworld')二、格式化输出格式化操作的目的比如有以下代码:print("我今年10岁")print("我今年11岁")print("我今年12岁")......
  • 【从零学习python 】05. Python中运用算数运算符进行计算和字符串拼接
    进制现代的计算机和依赖计算机的设备里都用到二进制(即0和1)来保存和表示数据,一个二进制表示一个比特(Bit)。在二进制的基础上,计算机还支持八进制和十六进制这两种进制。除了计算机里的进制以外,我们生活中经常用到的是十进制。Python语言支持二进制、八进制、十六进制以......
  • 【从零学习python 】05. Python中运用算数运算符进行计算和字符串拼接
    进制现代的计算机和依赖计算机的设备里都用到二进制(即0和1)来保存和表示数据,一个二进制表示一个比特(Bit)。在二进制的基础上,计算机还支持八进制和十六进制这两种进制。除了计算机里的进制以外,我们生活中经常用到的是十进制。Python语言支持二进制、八进制、十六进制以......
  • 【从零学习python 】05. Python中运用算数运算符进行计算和字符串拼接
    进制现代的计算机和依赖计算机的设备里都用到二进制(即0和1)来保存和表示数据,一个二进制表示一个比特(Bit)。在二进制的基础上,计算机还支持八进制和十六进制这两种进制。除了计算机里的进制以外,我们生活中经常用到的是十进制。Python语言支持二进制、八进制、十六进制以......
  • vue扫码功能
    直接写到组件里面,使用组件传值返回数据 <template> <divclass="scan">  <divid="bcid">   <divstyle="height:40%"></div>   <pclass="tip">...载入中...</p>  </div>  <foo......
  • vue3 hooks使用watch监听注意事项
    当我们再vue3写了一个通用hooks的里面使用watch来执行某些操作要注意!!!一个页面只能再根路由去创建实例,也就是调用对呀hooks,如果子路由也需要使用则由根路由provide()子路由inject,如果子路由都创建实例,会造成多次执行监听例如我们由一个useSearch,来写通用搜索逻辑,在该hooks......