V01 Vue.js 实战教程 - 基础篇6.2. 发布个人文章
简介
本小节中，我们将添加发布文章的逻辑，并使用 Vuex 来管理所有文章。
添加发布逻辑
1、打开 src/views/articles/Create.vue 文件，复制以下代码替换原 <script>：
src/views/articles/Create.vue
<script>
import SimpleMDE from 'simplemde'
import hljs from 'highlight.js'
import ls from '@/utils/localStorage'
window.hljs = hljs
export default {
name: 'Create',
data() {
return {
title: '', // 文章标题
content: '' // 文章内容
}
},
mounted() {
const simplemde = new SimpleMDE({
element: document.querySelector('#editor'),
placeholder: '请使用 Markdown 格式书写 ;-)，代码片段黏贴时请注意使用高亮语法。',
spellChecker: false,
autoDownloadFontAwesome: false,
autosave: {
enabled: true,
uniqueId: 'vuejs-essential'
},
renderingConfig: {
codeSyntaxHighlighting: true
}
})
simplemde...
关于 LearnKu
粤公网安备 44030502004330号