分析脚手架
首先打开创建的vue_test项目,其中main.js:该文件是整个项目的入口文件
内容解释:
/* 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' //引入App组件,它是所有组件的父组件 import App from './App.vue' //关闭vue的生产提示 Vue.config.productionTip = false //创建Vue实例对象---vm new Vue({ el:'#app', //render函数完成了这个功能:将App组件放入容器中 render: h => h(App), })
接下来我们将在这个脚手架的项目里运行一下上次写的一个单文件组件示例:
在终端中输入:
npm run serve
成功之后得到了页面的地址:
在浏览器可以看到效果:
标签:分析,文件,Vue,App,vue,组件,脚手架 From: https://www.cnblogs.com/anjingdian/p/17004634.html