這篇文章主要介紹Vue如何實(shí)現(xiàn)從文件中獲取文本信息，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)是專(zhuān)業(yè)的德令哈網(wǎng)站建設(shè)公司，德令哈接單;提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行德令哈網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

為什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以創(chuàng)建可維護(hù)性和可測(cè)試性更強(qiáng)的代碼庫(kù)，Vue允許可以將一個(gè)網(wǎng)頁(yè)分割成可復(fù)用的組件，每個(gè)組件都包含屬于自己的HTML、CSS、JavaScript，以用來(lái)渲染網(wǎng)頁(yè)中相應(yīng)的地方，所以越來(lái)越多的前端開(kāi)發(fā)者使用vue。

具體如下：

最近在使用vue做項(xiàng)目的時(shí)候，遇到一個(gè)需求，界面中需要顯示大量的說(shuō)明文字，為了保持界面的整潔和趕緊，決定采用單獨(dú)的文件來(lái)存儲(chǔ)顯示信息，然后通過(guò)文件讀取的方式顯示到界面上。

剛開(kāi)始我使用的是File和FileReader對(duì)象獲取，但是比較氣人的是這兩個(gè)對(duì)象是IE瀏覽器特有的屬性，chrome不支持，而且為了安全起見(jiàn)，現(xiàn)在瀏覽器是不推崇這種做法的，因?yàn)楹苋菀自斐晌募煌獠繍阂鈩h除或增加內(nèi)容，安全性太低。無(wú)奈之下，想到了一個(gè)既簡(jiǎn)單又比較取巧的方法，使用export來(lái)實(shí)現(xiàn)。

實(shí)現(xiàn)的思路：

1.新建一個(gè).js文件，在文件中定義一個(gè)常量，并將這個(gè)常量通過(guò)export導(dǎo)出

2.在要使用這段文字的vue文件中，import這個(gè)js文件中的常量，然后直接引用

下面做個(gè)簡(jiǎn)單示例：

首先，目錄結(jié)構(gòu)如下所示：

2.開(kāi)發(fā)airStruction.js內(nèi)容

export const struction={
 Title:'哈哈哈哈哈
',
 Content:'安裝說(shuō)明
\n' +
  ''+
  內(nèi)容內(nèi)容內(nèi)容
  '