vue專案能直接引進vue.js嗎

vue專案能直接引入vue.js，引入方法：1​​、是使用鷹架工具【vue-cli】；2、二是直接在專案中引入【vue.js】，程式碼為【var vm = new Vue({el: '#accountManage',data: {},}）】。

【相關文章推薦：#vue.js##】

vue專案能直接引入vue.js，引入方法：

最近一個專案裡用layUI做的，到我手上的時候想用vue，又不想重新搬頁面，所有就引用的vue.js，遇到以下一些問題，和大家分享以下

1、使用方法說一些，在頁面引用vue.js以後

var vm = new Vue({
el: '#accountManage', //挂载点
data: {},
}）

new一個vue的物件掛載在目前頁面的最外層盒子，這樣就可以在整個頁面使用vue語法了

#2、es6的箭頭函數改成了普通函數的時候，這裡的this指涉會改變，我通常會在函數的最開始把this重新定義

getListData:function (){
var that = this;
}）

3、我用的是vue layUI，有一個小小的問題，當html裡面有定義ID的時候，在vue裡面定義變數或JSON的時候避開這個ID字串，因為會轉出亂碼

<select name="interest" lay-filter="rule" v-model="tradeMemberProperty" id="nature"></select>

這時候輸出

mounted:function(){
console.log('nature'+'这是vue的测试')
},

結果會是這樣的，natrue轉成了亂碼，這是在發送請求定義JSON的時候發現的

相關免費學習推薦：

javascript（影片）

#

以上是vue專案能直接引進vue.js嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！