本來想這一周做一個關(guān)于vuex的總結(jié)的，但是由于朋友反應(yīng)說還不知道如何用vue去寫一個組件，所以在此寫寫一篇文章來說明下如何去寫vue頁面或者組件。vue的核心思想就是組件，什么是組件呢？按照我的理解組件就是裝配頁面的零件，比如一輛車有大大小小許多零件組成，那么同樣的一個頁面，也是有許多組件構(gòu)成的比如說頭部組件 按鈕組件等等，vue三大核心組件 路由 狀態(tài)管理，路由控制頁面的渲染，頁面由組件組成，數(shù)據(jù)有vuex進行管理和改變。下面我會以一個簡單的案例來說
第一步：構(gòu)建一個簡單的vue項目，老規(guī)矩直接在命令行輸入
vue init webpack myproject
cd my vue
cnpm/npm install
cnpm/npm run dev
執(zhí)行結(jié)果如下
然后你會在8080端口看到vue的標志頁面
第二步：分析目錄結(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>延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學習是年輕人改變自己的最好方式