vvvvvvue

Posted ZKJABLE

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段——CSS选择器

谷歌浏览器调试jsp 引入代码片段，如何调试代码片段中的js

片段和活动之间的核心区别是啥？哪些代码可以写成片段？

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数