在终端创建项目
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作用完全相同