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的更多相关文章
随机推荐
- SAP 交货单抬头客制化界面以及字段
需求 因为涉及系统之间的家伙但传输,方便业务查看该交货单是否已经发送,因此再交货单的抬头页面进行增强,给出一个是否发送的字段显示.如下: 业务加载项 LE_SHP_TAB_CUST_HEAD se19 ...
- Windows10使用VMware安装centos
系统环境: Windows 10 安装步骤: 1.下载centos http://mirrors.aliyun.com/centos/ 2.使用VMware安装centos 3.配置网络 $ cd / ...
- Wifi Display
wifi display常用术语 AP:wifi access point Primary Sink: a device that supports rendering video content o ...
- Java并发编程 —— synchronized关键字
一.是什么?(作用) synchronized关键字解决了多个线程之间访问资源的同步性问题,保证了被其修饰的方法或是代码块在任意时刻只能有一个线程执行. 而在早期的Java版本中,synchroniz ...
- “const char*“类型的实参与“LPCWSTR-类型的形参不兼容
const char *类型的实参与LPCWSTR类型的形参不兼容解决 LPCWSTR类型是是一个指向unicode编码字符串的32位指针,所指向字符串是wchar型(4字节,Unicode编码宽字节 ...
- 关于idea2021.1版本的左边不显示bpmn Editor的问题
我这里是自定义主题风格出现的问题 idea左上角File→选择setting→找到Color Scheme菜单,将主题颜色改为IntelliJ Light.在重启idea就好
- Java面向对象编程导论
面向对象编程简介 JAVA是一门面向对象的编程语言.面向对象编程范式与面向过程编程范式同属于命令式编程范式,与函数式编程范式相区别.在面向对象编程范式中,我们将我们要处理的系统的业务逻辑表现为对象之间 ...
- Vue: 单页面应用如何保持登录状态
这篇文章写的还可以 https://www.xiabingbao.com/post/vue/vue-keep-logininfo.html
- （三）用go实现平衡二叉树
本篇,我们用go简单的实现平衡二叉查找树.具体原理参考大佬博客即可:AVL树(一)之 图文解析 和 C语言的实现 1.节点定义 type AVLNode struct{ data int height ...
- StringBuilder 凭借字符串
//拼接信息 StringBuilder sb = new StringBuilder(); sb.Append("条码:00002"); sb.AppendLine(); sb. ...