<!DOCTYPE html>

<html>

<head>

    <link rel="stylesheet" href="" />

    <script src="v.js"></script>

</head>

<style>

</style>

<body>

    <div id="root"></div>

</body>

<script>

    function l(e) {

        console.log(e)

    }

    const app = Vue.createApp({

        data(){

            return {

                num:100,

                num2:100

            }

        },

        methods:{

        },

        template:`

<div>

<counter v-model:count="num" v-model:app="num2" />

    </div>

`

    })

    app.component('counter',{

        props:['count','app'],

        methods:{

            handleClick(){

                this.$emit('update:count',this.count+3)

            },

            handleClick2(){

                this.$emit('update:app',this.app+30)

            }

        },

        template:`<div @click="handleClick">{{count}}</div>

<div @click="handleClick2">{{app}}</div>

        `

    })

    const vm = app.mount("#root")

</script>

</html>

vvvvvvue的更多相关文章

随机推荐

  1. # huawei--流策略+NAT+单臂路由

    huawei--流策略+NAT+单臂路由 项目要求: 公司内部有两个网段,分别为192.168.1.0/24和192.168.2.0/24,使用路由器R1实现单臂路由,并配置流策略,使192.168. ...

  2. Unity打包发布PC程序之——默认管理员权限运行

    https://blog.csdn.net/x1017619024/article/details/103970708

  3. HTML中添加点击链接 进行Skype对话的问题

    格式 :XXX 代表Skype账号: 开始 Skype 文字聊天 <a href="skype:XXX?chat">开始 Skype 文字聊天</a> 查看 ...

  4. Mac 压缩软件Keka

    ​ mac 的压缩软件Keka,相对比较好用的一款压缩软件 Keka - the macOS file archiver 点击下载 安装就好. ​编辑 支持可创建的压缩文件格式,和可解压缩的文件格式列 ...

  5. Docker上安装MSSQL(SQL Server)

    ​ Mac OS X ,想安装微软的mssql-server数据库有三种方式: 第一种是在本机上安装MSSQL for Linux 版本. 第二种是安装Windows虚拟机,然后在虚拟机里面使用ISO ...

  6. 跨域出现：XMLHttpRequest cannot load错误

    1.右击浏览器图标-->属性-->快捷方式-->目标栏添加--> --args --disable-web-security --user-data-dir 2.修改之后重新打 ...

  7. 深入理解JVM 学习笔记2

    Java内存区域 在执行java程序的过程中JVM会把它管理的内存划分为多个不同的数据区域. 根据<Java 虚拟机规范 SE7版>的规定,Java 虚拟机所管理的内存将会包括以下几个运行 ...

  8. JAVA查漏补缺 2

    JAVA查漏补缺 2 目录 JAVA查漏补缺 2 面向对象编程 定义类的注意事项 两个变量指向同一个对象内存图 垃圾回收机制 面向对象编程 面向:找.拿 对象:东西 面向对象编程:找或拿东西过来编程 ...

  9. BLP（Bell–LaPadula模型）(MAC)

    Bell-LaPadula模型侧重于数据的保密性和对机密信息的受控访问 基于状态机,该状态机在一个计算机系统中具有一组允许的状态,并且从一个状态到另一种状态的转换由状态转移函数定义. 该模型定义了一个 ...

  10. 快速导出Redis某个List列表所有数据

    Redis导出list数据 快速命令行 echo "lrange data_list_with_hash 0 25000" | ./redis-cli.exe -h 127.0.0 ...