So referenzieren Sie js in vuejs

So referenzieren Sie js in vuejs: 1. Importieren Sie jquery global über das vue-cli-Webpack. 2. Referenzieren Sie externe js über die Methode „import {myfun} from ‚../js/test.js‘“. Einzelne Vue-Seite Zitieren Sie einfach die internen JS.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

vuejs Wie zitiert man js?

Vue hat mehrere Möglichkeiten, auf JS-Dateien zu verweisen (empfohlen)

1. Das Vue-Cli-Webpack führt JQuery global ein in das Projektverzeichnis und schreiben Sie Abhängigkeiten in den Abhängigkeitsknoten der Paketdatei.)(2) Fügen Sie

var webpack = require("webpack")

plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
 jQuery: "jquery",
 $: "jquery"
 })
]

import $ from 'jquery'

(5) Dann kann npm run dev $ direkt auf der Seite verwenden.

2 Die Vue-Komponente Bezieht sich auf die externe js-Methode

Die Projektstruktur ist wie in der Abbildung dargestellt:

<template>
 <p>
   <input ref=&#39;test&#39; id="test">
   <button @click=&#39;diyfun&#39;>Click</button>
 </p>
</template>
<script>
import {myfun} from &#39;../js/test.js&#39; //注意路径
export default {
 data () {
  return {
   testvalue: &#39;&#39;
  }
 },
 methods:{
   diyfun:function(){
     myfun();
   }
 }
}
</script>

function myfun() {
console.log('Success')
}
export { //很关键
 myfun
}

3. Eine einzelne Vue-Seite bezieht sich auf die interne JS-Methode die Paketdatei Abhängigkeiten importieren. )

(2) Importieren Sie $ in die Vue-Seite, auf die verwiesen werden muss, und verwenden Sie es dann

In diesem Bild wird eine gelbe Warnung angezeigt, wenn Sie console.log($) ändern ) dazu:rrree

Empfohlen: „

“

Das obige ist der detaillierte Inhalt vonSo referenzieren Sie js in vuejs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!