devjin0617

(function() {

    var EventBus = Vue();

    Object.defineProperties(Vue.prototype, {
        $eventBus: {
            get: function () {
                return EventBus;
            }
        }

devjin0617

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

devjin0617

npm i --save-dev expose-loader
npm i --save jquery

devjin0617

import 'expose-loader?$!expose-loader?jQuery!jquery'

devjin0617

npm i --save bootstrap

devjin0617

import 'expose-loader?$!expose-loader?jQuery!jquery'
// 위에서 추가했던 jQuery 밑에 코드를 작성하세요

import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'

devjin0617

<template>
...
  <button type="button" class="btn btn-primary" autocomplate="off" data-loading-text="jquery with bootstrap" @click="clickBtn">
...
</template>
  
<script>
  export default {
    name: 'jQueryApp',
	methods: {

devjin0617

# git remote 에 삭제된 브런치들 갱신하는 명령어(둘 중 하나만 사용하면 됨)
$ git remote prune origin
$ git remote update --prune

devjin0617

{
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["inject.js"],
      "all_frames": true
    }
  ],
  "web_accessible_resources": [
    "content.js"

devjin0617

{
  "eslint.autoFixOnSave": true,
  "editor.formatOnSave": true,
    "files.associations": {
        "*.vue": "vue"
    },
    "eslint.validate": [
      {
        "language": "javascript",
        "autoFix": true