vue i18n使用ES6語法以及空格換行問題

1.執行報錯

報錯使用了不恰當的exports

uncaught typeerror : cannot assign to read only property 'exports ' of object ' # < object > '

module.exports=

part2 : 
}import vue from 'vue';
import vuei18n from 'vue-i18n';
vue.use(vuei18n);
const messages = 
export default new vuei18n();

點選錯誤

原因是：the code above is ok. you can mix require and export. you can『t mix import and module.exports.

在webpack打包的時候，可以在js檔案中混用require和export。但是不能混用import 以及module.exports。

因為webpack 2中不允許混用import和module.exports,說是要統一使用es6語法

require改成import

module.exports改成export default

nice!

2.欄位的空格，換行處理

使用 v-html將js檔案中的字段中包含的符號解析成html能解析的樣子

v-html用於輸出html,將內容當成html標籤解析後展示

export default

part2 : 
}

//wrong

$t} //展示為姓   名
//right
//展示為姓 名

export default

part2 : 
}

//wrong

$t} //展示為姓
名//right
//展示為
// 姓 
// 名

zh.js

export default

}

= 0

vue中使用vue i18n簡單實現國際化

新建vue專案 首先，新建乙個vue專案，並成功執行 vue init webpack 專案名 目錄結構 目錄結構如下，en.js和zh.js分別是英文和中文的文字資訊。main.js檔案的配置，在main.js中新增以下跟vue i18n的使用有關的配置項。en.js const en expor...

ES6基本語法使用

let 宣告變數 形成塊級作用域 比如if for while 變數宣告不會被提公升 迴圈中解決下標是最後乙個值的問題 const 宣告常量 宣告後賦值 且該值不會被修改 和let一樣是塊級作用域 結構賦值 一 陣列賦值 例子1 左右相同賦值 var a,b,c,d 1,2,3,4 例子2 左右不同...

ES6語法（二） const的使用

1 const關鍵字 2 什麼時候使用const呢？建議 在es6開發中，優先使用const，只有需要改變某乙個識別符號的時候才使用let。3 const的注意 1 一旦給const修飾的識別符號被賦值之後，不能修改 執行可以在瀏覽器中看到報錯 uncaught typeerror assignme...