Vue CLI是Vue.js官方提供的腳手架工具，它幫助我們快速搭建Vue.js項目。Vue CLI提供了許多開箱即用的特性，其中就包括了wordwrap。

/* vue.config.js */
module.exports = {
chainWebpack: config =>{
config.module
.rule('vue')
.use('vue-loader')
.tap(options =>{
options.compilerOptions.whitespace = 'condense'
return options
})
}
}

上述代碼是在Vue.js項目的根目錄下新建一個vue.config.js文件，然后在其中定義了一個chainWebpack配置函數。這個函數通過config.module.rule('vue')獲取到了Vue.js的相關配置，并通過use('vue-loader')指定了使用vue-loader對Vue.js文件進行解析。接下來，我們調用tap方法來修改vue-loader的選項。其中，options.compilerOptions.whitespace = 'condense'表示將空白符號壓縮為一個空格。

使用wordwrap功能后，我們可以在Vue.js文件中的任何位置使用template代碼塊，并使用較少的代碼實現換行效果。以下是一個例子。

<template>
<div>
<p class="title">
This is a very long title that wraps to a new line.
</p>
</div>
</template>

在上面的例子中，我們使用了一個p標簽來展示一個長標題。如果沒有使用wordwrap，則需要在“line”處手動添加<br>標簽。而使用了wordwrap后，我們只需要在“line”處換行即可，讓代碼更為簡潔易懂。