jq專案中使用vue的技巧

2021-08-02 20:33:09 字數 1319 閱讀 8961

在jq專案中使用vue

下面介紹一些小技巧。

var vm=new vue(

},methods:

}})alert(vm.$data.test0);

vm.testfun();

在不同的js中呼叫vue的子元件&子元件呼叫父元件

//這個是a.html 中

ref="mychild">

childvm>

div>

//這個是a.html 中

var vm=

new vue(

},components:,

})//這個元件是 b.js,a.html引入b.js

var childvm=

vue.extend(}

', data()

},methods:

}})//**在js檔案中呼叫vue的子元件方法**

vm.$refs.mychild.childfun();類似這種jq外掛程式,結合vue也是很方便。

分別是echarts.js ,morris, bootstrap datatables

注意:經常會碰到父元件和子元件在不同的js檔案中。

而在這種情況下 props 傳引數無效,很有可能是引數大小寫不規範的問題,最好不要用駝峰寫法。

這裡就有乙個坑,例如:如果將js**中將子元件childvm 駝峰寫法childvm,那麼父元件就要寫成child-vm,頁面則會輸出nan,並且沒有任何警告。

所以乾脆我上面就不寫駝峰了。直接childvm 省去很多麻煩。

props 傳引數也是如此。所以在js中使用vue命名方式最方便的方法就是不要駝峰。

props :["mymessage"],或props :["my-message"]

var childvm=vue.extend({})或者

var child-vm=vue.extend({})

html:

mymessage='傳參'>

childvm>

my-message='傳參'>

child-vm>

div>

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue 專案中使用 jquery

在 vue 專案中使用 jquery,具體步驟如下 1 npm 安裝 jquery 命令如下,後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後,會在 package.json 檔案中自動生成 ...

vue專案中使用mui

vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了,之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...