vvvvvvue
<!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的更多相关文章
随机推荐
- springboot AOP配置
在Springboot中添加AOP配置分两步: 最近学习AOP ,记录一下,虽然很多名字不太清楚,但是问题不大 1:在pom.xml中添加AOP依赖 2:建一个AOP配置类 下面来看下代码是怎么实现的 ...
- 解决windows下使用vscode没有函数提示的问题
vscode支持非常多的扩展,包括支持protobuf语法,非常方便. 笔者近期在使用vscode打开工程(文件夹)情况下,困扰于没有函数提示,例如不同路径的头文件中的函数不提示,库函数不提示,试尽各 ...
- N63050 第十周运维作业
十九.VPN服务 1.firewalld和最新技术nft实现防火墙功能(65分钟) 2.open-v-p-n介绍和环境准备(48分钟) 3.open-v-p-n实现CA证书(45分钟) 4.open- ...
- web上传插件Uploadify
Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Ja ...
- java开发细节
Java开发细节 Java源文件以.java 为扩展名.源文件的基本组成部分为类(class),如本类中的Hello类 Java应用程序的执行入口是main()方法.它有固定的书写格式: public ...
- cookie，session，token，drf-jwt
1.cookie,session,token发展史 引入:我们都知道 http 协议本身是一种无状态的协议,一个普通的http请求简单分为三步:客户端发送请求request服务端收到请求并进行处理服务 ...
- Nginx基础篇（一）
(一)介绍 Nginx 是开源.高性能.高可靠的 Web 和反向代理服务器,也可以作为邮件代理服务器.而且支持热部署,即几乎可以做到 7 * 24 小时不间断运行,即使运行几个月也不需要重新启动,还能 ...
- 【Frida】调试js代码
方法一attach启动 js代码动态注入app,app需要保持运行状态 # coding: utf-8 import sys import frida app_name = "猿人学APP& ...
- QML与python互相通信
解决python与QML的通信问题: QML中直接调用python函数 python发送信号,QML响应信号并进行相应处理 py文件 # This Python file uses the follo ...
- tensorrt cuda cudnn 各版本的匹配要求
https://docs.nvidia.com/deeplearning/tensorrt/release-notes/tensorrt-8.html#rel_8-0-3