1. Веб-пакет vue-cli представляет jquery во всем мире

(1) Сначала npm install jquery –save (–save означает установку модуля в каталог проекта и запись зависимостей в узел зависимостей файла пакета.)

(2) Добавьте в webpack.base.conf.js.

var webpack = require("webpack")

(3) Добавьте в конец модуля.exports.

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

(4) Можно добавить это в main.js (тестировать этот шаг не нужно).

import $ from 'jquery'

(5) Тогда npm run dev сможет использовать $ непосредственно на странице.

2. Как компоненты vue относятся к внешнему js

Структура проекта следующая:

код компонента контента:

<template>
 <div>
   <input ref='test' id="test">
   <button @click='diyfun'>Click</button>
 </div>
</template>
<script>
import {myfun} from '../js/test.js' //Запомните путь
export default {
 data () {
  return {
   testvalue: ''
  }
 },
 methods:{
   diyfun:function(){
     myfun();
   }
 }
}
</script>

код test.js:

function myfun() {
console.log('Success')
}
export { //Очень важно
 myfun
}

Используется синтаксис es6.

3. Одна страница vue относится к внутреннему методу js.

(1) Сначала npm install jquery –save (–save означает установку модуля в каталог проекта и запись зависимостей в узел зависимостей файла пакета.)

(2) Импортируйте $ на страницу vue, на которую нужно ссылаться, а затем используйте ее.

На этом рисунке отображается желтое предупреждение. Если console.log($) изменен на этот:

export default{
  mounted: function(){
    console.log($)
  }
}

Этого не произойдет. Причина может быть в том, что он должен соответствовать методу написания js в vue.

Заявление об авторских правах: Содержание этой статьи добровольно предоставлено пользователями Интернета, а мнения, выраженные в этой статье, представляют собой только точку зрения автора. Этот сайт предоставляет только услуги по хранению информации, не имеет никаких прав собственности и не принимает на себя соответствующие юридические обязательства. Если вы обнаружите на этом сайте какое-либо подозрительное нарушение авторских прав/незаконный контент, отправьте электронное письмо, чтобы сообщить. После проверки этот сайт будет немедленно удален.

Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/184457.html Исходная ссылка: https://javaforall.cn