vue-cli的使用*

在终端创建项目

	vue create **项目名称**

vue中src目录的构成

  • assets 文件夹:存放项目中用到的静态资源文件,例如css,img

  • components文件夹:程序员封装的可复用的组件,都要放在components目录下

  • mian.js是项目的入口文件,整个项目的运行,要执行main.js

  • vue项目的运行流程

    在工程化项目中,vue要做的事情:
    通过Main.js把App.vue渲染到index.html的指定区域中
    app.vueh会替换掉index.html里面的#app

App.vue:编写待渲染的模块结构
index.html:预留一个el区域
main.js把App.vue渲染到index.html所预留的区域中

//main.js
//导入vue的包得到Vue构造函数
import Vue from 'vue'
//导入vue根组件,将app.vue中的模板结构,渲染到HTML页面中
// import App from './App.vue'

import Test from './Test.vue'

Vue.config.productionTip = false

//创建vue的实例对象
new Vue({
  // el:'#app',手动指定
  //把render函数指定的组件,渲染到HTML页面中
  render: h => h(Test)
}).$mount('#app') //与el作用完全相同

//vue实例的$mount()方法与el作用完全相同
  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值