亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue-cli新的webpack模板問題

vue-cli新的webpack模板問題

慕田峪7331174 2019-03-15 19:15:40
正在學習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?
查看完整描述

3 回答

?
12345678_0001

TA貢獻1802條經驗 獲得超5個贊

{

  el: '#page',

  router,

  components: {

    App

  },

  template: '<App/>'

}

這里使用template,template就是模板引擎,在vue中,這樣使用的話會把頁面中的#page(包括id='page'這個標簽)替換成template的內容。


查看完整回答
反對 回復 2019-04-01
?
梵蒂岡之花

TA貢獻1900條經驗 獲得超5個贊

el 選取 #page 替換為 <App /> 渲染為 app.vue 組件。


查看完整回答
反對 回復 2019-04-01
?
萬千封印

TA貢獻1891條經驗 獲得超3個贊

template: '<App/>' 就表示用App組件替換index.html里面的<div id="page"></div>


查看完整回答
反對 回復 2019-04-01
  • 3 回答
  • 0 關注
  • 515 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號