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的更多相关文章
随机推荐
- 打卡ts day01 数据类型，类
一,环境 1 新增的数据类型和部分语法,没有办法在浏览器和node 中执行,需要安装typescript 环境 安装:npm i -g typescript 成功:tsc -v 2 在浏览器中使用ts ...
- C#导出Excel设置单元格样式
C# 导出Excel 1 //导出Excel 2 private void ExportExcel(string fileName, System.Data.DataTable myDGV, stri ...
- leetcode刷题（二）
1.栈 逆波兰表达式求值 根据逆波兰表示法,求表达式的值. 有效的运算符包括 +, -, *, / .每个运算对象可以是整数,也可以是另一个逆波兰表达式. 说明: 整数除法只保留整数部分.给定逆波兰表 ...
- Java面向对象之什么是面向对象？
面向过程 & 面向对象 面向过程思想 1.步骤清晰简单,第一步做什么,第二步做什么...... 2.面对过程适合处理一些较为简单的问题 面向对象思想 1.物以类聚,分类的思想模式,思考问题首先 ...
- spring-boot logback 日志
一.引入依赖 二.配置日志文件 三.完事啦!
- docker 二进制安装
首先所属环境为内网并且服务器拥有的开发环境不确定,需要跑当前服务所需代码,所以优先选择使用docker docker 文档地址 https://docs.docker.com 在 install 中存 ...
- spring boot No qualifying bean of type 'org.apache.catalina.core.ApplicationContext' available
发现创建的ApplictionContext对象还没有containsBean的方法, 找了很久没搞定,后面发现原来是包导入错了. 应该导入 import org.springframework.co ...
- oracle 根据逗号拆分字符串一行转多行
SELECT A.*, REGEXP_SUBSTR( A.PRODUCTNUMS, '[^,]+', 1, L ) AS PRODUCTNUM,L FROM LG_ZJQH_PRODUCTVALUES ...
- MavenDependencies 报错缺少jar包
1.首先看你的工程是否是maven项目,如果不是,则先转换为maven项目. 如果已经是maven项目了,maven的依赖库无法添加,则移步2: 2.项目右键,选择maven,然后子菜单,选择&quo ...
- Unity一键制作预制体Prefab一键修改Prefab属性
1.适用于制作多个预制体(一个模型文件下面几百个子物体,都需要制作成预制体,这一个一个拖不是要炸裂) 模型资源如下图 2.模型先放到Resources文件夹下面方便读取,制作完预制体可以给他拖到其他文 ...