首页 > 其他 > 详细

关于Vue脚手架写法的问题

时间:2018-12-12 14:25:46      阅读:215      评论:0      收藏:0      [点我收藏+]

问题描述:

main.js

import Vue from ‘vue‘
import App from ‘./App‘

/* eslint-disable no-new */
new Vue({
  el: ‘#app‘,
  components: { App },
  template: ‘<App/>‘
})

为什么已经定义了 components: { App } ,还需要 template: ‘<App/>‘ ?

问题解答:

el: ‘#app‘ :是指向 index.html 的<div id="app"></div>元素,该元素作为vue的挂载点

components :是声明有哪些组件

template : 是使用哪个组件

将 <App/> 挂载到 #app 这个元素,<App/> 本身是一个组件,即这里通过 components: { App } 注册组件,然后通过 template: ‘<App/>‘ 使用组件。

关于Vue脚手架写法的问题

原文:https://www.cnblogs.com/Jimc/p/10107918.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!