發布個人文章

1、開啟src/views/articles/create.vue檔案，複製以下**替換原79 更改說明：

1

1

發 布

開啟src/store/index.js檔案，新增articles和update_articles（注釋部分是涉及的修改）:

src/store/index.js

1.2

.3.4 const state =
1011 const mutations =,
16update_auth(state, auth) ,
20//
更改所有文章的事件型別
21update_articles(state, articles) 25}
26.27.
28.29 2). 新增發布事件

在src/store下新建actions.js檔案，複製貼入以下**：

src/store/actions.js

1

//引入路由作頁面跳轉用
2 import router from '../router'34
//匯出乙個 post 事件，這裡的使用者引數是 ，article 包含文章標題和內容，articleid 是文章 id 
5 export const post = (, ) => =article
18//
獲取當前日期
19     const date = new
date()
2021
//如果沒傳 articleid，表示新建文章
22if (articleid ===undefined)  else
3334
//將當前文章新增到所有文章
35articles.push()42}
4344
//更新所有文章
45     commit('update_articles', articles)
46//
跳轉到首頁，並附帶 articleid 和 showmsg 引數，showmsg 用來指示目標頁面顯示乙個提示，我們稍後新增相關邏輯
47     router.push( })48}
49 }

開啟src/store/index.js檔案，引入並混入actions.js（注釋部分是涉及的修改）：

src/store/index.js

1 import vue from 'vue'

2 import vuex from 'vuex'
3 import ls from '../utils/localstorage'
4 import router from '../router'5//
引入 actions.js 的所有匯出
6 import * as moreactions from './actions'7.
8.9.
10 const actions =, user) ,
16logout()  })
19},
20updateuser(, user) 25}
2627     commit('update_user', user)
28},
29//
使用物件展開運算子混入 moreactions
30...moreactions31}
32 .

開啟src/views/articles/create.vue檔案，查詢console.log(article)，改為分發post事件：

src/views/articles/create.vue

//

修改console.log(article)
//為 => 分發 post 事件，並附帶引數 
this.$store.dispatch('post', )

個人文章點讚評論

單篇文章 def article detail request,username,article id 文章展示 param request param username param article id return print article id article obj models.arti...

個人文章目錄索引

1.單元測試系列文章 走進單元測試一 初認unit test 走進單元測試二 測試需要從哪些方面著手 走進單元測試三 實戰單元測試 走進單元測試四 單元測試背後的思考和感悟 2.迭代器系列文章 迭代器學習之一 使用ienumerable和ienumerator介面 迭代器學習之二 陣列的可列舉型別和...

關於人文類文章

首先，隨著本人年齡的不斷增加，新的問題不斷出現，每每思考之際總覺知識匱乏。關於程式設計，他只是本人眾多愛好的一種，我從未把程式設計當作賺錢的工具，它僅僅是我的乙個愛好，粗本人認為程式設計的思維更加傾向於邏輯性思維，對於學習哲學來說這門鍛鍊思維的工具是必不可少的，但是知識我認為應該是多元的，不能僅僅只...