首页 > 其他分享 >Vue分析脚手架

Vue分析脚手架

时间:2022-12-25 21:34:02浏览次数:38  
标签:分析 文件 Vue App vue 组件 脚手架

 分析脚手架

 首先打开创建的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

相关文章