Vue.js+vue.router【组件】【单页面】

最新推荐文章于 2022-04-09 15:12:59 发布

VIP文章 Z2Min_

最新推荐文章于 2022-04-09 15:12:59 发布

阅读量186

点赞数

本文链接：https://blog.csdn.net/queen00000/article/details/102950365

版权

组件是可复用的 Vue 实例，且带有一个名字。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。

基本实例

<body>
    <div id="app">
        <my-cmp></my-cmp><br>
        <my-cmp></my-cmp><br>
        <my-cmp></my-cmp>
    </div>

    <script>
        // 注册
        Vue.component("my-cmp", {
            template: `
                <div> 
                    {
  {num}}<button @click = "add">click me</button>
                </div>
                `,
            data() {
                return {
                    num: 0
                }
            },
            methods: {
                add() {
                    this.num++;
                }
            }
        })
        // 创建根实例
        new Vue({
            el: "#app",
            d

最低0.47元/天解锁文章

优惠劵

Z2Min_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue.js+vue.router【组件】【单页面】

组件是可复用的 Vue 实例，且带有一个名字。我们可以在一个通过new Vue创建的 Vue 根实例中，把这个组件作为自定义元素来使用。基本实例<body> <div id="app"> <my-cmp></my-cmp><br> <my-cmp></my-cmp...
复制链接

扫一扫