欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue中使用codemirror的實(shí)例詳解

 更新時(shí)間:2018年11月01日 16:03:45   作者:遇你溫柔如初  
這篇文章主要介紹了vue中使用codemirror的實(shí)例教程,非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下

這篇文章在vue里使用codemirror遇到的問(wèn)題,寫(xiě)的很不錯(cuò),還有下載的方法,大家可以點(diǎn)擊查看。

以下是自己使用過(guò)的,做出來(lái)的例子:

做出來(lái)的效果圖:

記住使用之前要npm下載哦  

npm install vue-codemirror --save

main.js

import { codemirror } from 'vue-codemirror'
  import 'codemirror/lib/codemirror.css'
  Vue.use(VueCodemirror)

再到組件中使用 

import { codemirror } from 'vue-codemirror'

  require("codemirror/mode/python/python.js")
  require('codemirror/addon/fold/foldcode.js')
  require('codemirror/addon/fold/foldgutter.js')
  require('codemirror/addon/fold/brace-fold.js')
  require('codemirror/addon/fold/xml-fold.js')
  require('codemirror/addon/fold/indent-fold.js')
  require('codemirror/addon/fold/markdown-fold.js')
  require('codemirror/addon/fold/comment-fold.js')

當(dāng)然組件需要先聲明

  components:{
    codemirror
  }

 html代碼這樣寫(xiě):

js:

 

style:

總結(jié)

以上所述是小編給大家介紹的vue中使用codemirror的實(shí)例詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • Vue入門(mén)之?dāng)?shù)量加減運(yùn)算操作示例

    Vue入門(mén)之?dāng)?shù)量加減運(yùn)算操作示例

    這篇文章主要介紹了Vue入門(mén)之?dāng)?shù)量加減運(yùn)算操作,結(jié)合實(shí)例形式分析了vue.js基本數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下
    2018-12-12
  • avue-crud多級(jí)復(fù)雜的動(dòng)態(tài)表頭的實(shí)現(xiàn)示例

    avue-crud多級(jí)復(fù)雜的動(dòng)態(tài)表頭的實(shí)現(xiàn)示例

    Avue.js?是基于現(xiàn)有的element-ui庫(kù)進(jìn)行的二次封裝,本文主要介紹了avue-crud多級(jí)復(fù)雜的動(dòng)態(tài)表頭,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-12-12
  • 解決vue3使用element-ui的具體操作

    解決vue3使用element-ui的具體操作

    elmentui是一款為vue設(shè)計(jì)的桌面組件庫(kù),下面這篇文章主要給大家介紹了關(guān)于解決vue3使用element-ui的具體操作,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-08-08
  • vue面包屑組件的封裝方法

    vue面包屑組件的封裝方法

    這篇文章主要為大家詳細(xì)介紹了vue面包屑組件的封裝方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • vue項(xiàng)目首屏加載過(guò)慢的一些解決方案

    vue項(xiàng)目首屏加載過(guò)慢的一些解決方案

    最近碰到vue項(xiàng)目打包上線(xiàn)后,第一次打開(kāi)首頁(yè)后會(huì)出現(xiàn)空白、加載時(shí)間過(guò)長(zhǎng)的情況,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目首屏加載過(guò)慢的一些解決方案,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • VUE對(duì)Storage的過(guò)期時(shí)間設(shè)置,及增刪改查方式

    VUE對(duì)Storage的過(guò)期時(shí)間設(shè)置,及增刪改查方式

    這篇文章主要介紹了VUE對(duì)Storage的過(guò)期時(shí)間設(shè)置,及增刪改查方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-02-02
  • vue部署后靜態(tài)文件加載404的解決

    vue部署后靜態(tài)文件加載404的解決

    這篇文章主要介紹了vue部署后靜態(tài)文件加載404的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • Vue2?this直接獲取data和methods原理解析

    Vue2?this直接獲取data和methods原理解析

    這篇文章主要為大家介紹了Vue2?this直接獲取data和methods原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • vue+canvas實(shí)現(xiàn)拼圖小游戲

    vue+canvas實(shí)現(xiàn)拼圖小游戲

    這篇文章主要為大家詳細(xì)介紹了vue+canvas實(shí)現(xiàn)拼圖小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • Vue之Watcher源碼解析(1)

    Vue之Watcher源碼解析(1)

    這篇文章主要為大家詳細(xì)介紹了Vue源碼之Watcher的基礎(chǔ)知識(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07

最新評(píng)論