TomVista
V2EX  ›  Vue.js

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

  •  
  •   TomVista · Nov 7, 2018 · 3198 views
    This topic created in 2820 days ago, the information mentioned may be changed or developed.

    我通过下面的方法实现模块通信,感觉比 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 replies    2018-11-20 11:34:04 +08:00
    nezumi85757
        1
    nezumi85757  
       Nov 20, 2018   ❤️ 1
    工程大了方便管理
    TomVista
        2
    TomVista  
    OP
       Nov 20, 2018
    @nezumi85757 那你试试我上面那几行代码,需要(引入 vue.js).这样多个 vue 实例可以代替组件吗?
    TomVista
        3
    TomVista  
    OP
       Nov 20, 2018
    类似 redux 数据仓库,把公共绑定数据独立出来,通过对象指针访问,配合 vue 实现数据双向绑定
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3237 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:42 · PVG 20:42 · LAX 05:42 · JFK 08:42
    ♥ Do have faith in what you're doing.