账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli新的webpack模板问题
    24
    0

    正在学习vue中,在用vue-cli安装webpack模板里,发现目录还有一些代码都和教程不太一样,有些不理解的地方,在index.html里是

      <body>
        <div id="page"></div>
        <!-- built files will be auto injected -->
      </body>

    在main.js里是

    import Vue from 'vue';
    import App from './App';
    import router from './router';
    
    Vue.config.productionTip = false;
    
    /* eslint-disable no-new */
    new Vue({
      el: '#page',
      router,
      components: {
        App
      },
      template: '<App/>'
    });

    app.vue

    <template>
      <div id="app">
        <div class="header">
          I am header!
        </div>
        <div class="tab">
          I am tab!
        </div>
        <div class="content">
          I am content!
        </div>
      </div>
    </template>

    在这里el不是指向我index.html页面中的#page的div吗?为什么编译运行完之后我在控制台看到的html结构没有#page这个div而是#app的div?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 何鸭丫 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部