vue 组件是用来做什么的?或者说 vue 组件的存在目的是啥?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 2206 天前的主题，其中的信息可能已经有所发展或是发生改变。

我通过下面的方法实现模块通信,感觉比 vue 组件好用的多. 页面导航和页脚等通过新开 vue 实例,实现复用. 开发的时候没有用 vue node 全家桶 ,直接引入的 vue.js,相比 vue.cli 的开发方式我这个缺点在哪里?,我是单人单项目开发.

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible"
          content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <script src="./js/vue.js"></script>
</head>

<body>
    <div id="parent">
        <input type="text"
               v-model='public.name'>
    </div>
    <div id="son">
        {{public.name}}
    </div>
    <script>
        var public = {
            name: 'tom'
        }

        var parent = new Vue({
            el: '#parent',
            data: {
                public: public
            }
        });
        var son = new Vue({
            el: '#son',
            data: {
                public: public
            }
        });
    </script>
</body>

</html>

3 条回复 • 2018-11-20 11:34:04 +08:00

nezumi85757

2018-11-20 11:09:42 +08:00

工程大了方便管理

TomVista

2018-11-20 11:13:34 +08:00

@nezumi85757 那你试试我上面那几行代码,需要(引入 vue.js).这样多个 vue 实例可以代替组件吗?

TomVista

2018-11-20 11:34:04 +08:00

类似 redux 数据仓库,把公共绑定数据独立出来,通过对象指针访问,配合 vue 实现数据双向绑定