本來想這一周做一個關(guān)于vuex的總結(jié)的，但是由于朋友反應(yīng)說還不知道如何用vue去寫一個組件，所以在此寫寫一篇文章來說明下如何去寫vue頁面或者組件。vue的核心思想就是組件，什么是組件呢？按照我的理解組件就是裝配頁面的零件，比如一輛車有大大小小許多零件組成，那么同樣的一個頁面，也是有許多組件構(gòu)成的比如說頭部組件 按鈕組件等等，vue三大核心組件 路由 狀態(tài)管理，路由控制頁面的渲染，頁面由組件組成，數(shù)據(jù)有vuex進(jìn)行管理和改變。下面我會以一個簡單的案例來說
第一步：構(gòu)建一個簡單的vue項目，老規(guī)矩直接在命令行輸入
vue init webpack myproject
cd my vue
cnpm/npm install
cnpm/npm run dev
執(zhí)行結(jié)果如下
然后你會在8080端口看到vue的標(biāo)志頁面
第二步：分析目錄結(jié)構(gòu) 主要是組件入口app.vue和main.js
第三步：寫頁面
我們在app.vue下這樣寫
<template>
<div id="wrapper">
<router-view></router-view>
</div></template><script>
export default {
data () { return {
}
},
components: {
}
}</script>