Q&A
npmでvue-cliを使っているのですが、
static/test.jsのロードの順番を変えることはできるのでしょうか？
vue.js2.8.2(vue-cli利用）のhtmlヘッダ内で読み込んでいるjavascriptファイル内の変数をコンポーネント内で利用したいと考えています。
現在コンポーネント内でjsファイルの変数を呼び出すとundefinedになり変数を取得できません。
vueコンポーネント内でjsファイルで定義した変数を利用する方法をご存知でしたらご教授ください。
よろしくお願いします。
index.html
<html> <head> <script type="text/javascript" src="static/test.js"></script>
test.js
// 変数を定義 var test_value = 'test'
App.vue
<script> // ここでtest_valueがundefinedになる console.log(test_value) </script>
回答3件
0
VueCli環境作って試しましたが
index.html
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <title>my-project</title> 6 <script type="text/javascript" src="static/test.js"></script> 7 </head> 8 <body> 9 <div id="app"></div> 10 <!-- built files will be auto injected --> 11 </body> 12</html>
src/App.vue
<template> <div id="app"> <img src="./assets/logo.png"> <router-view></router-view> </div> </template> <script> console.log(test_value); export default { name: 'app' } </script> <style> #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style>
static/test.js
Javascript
1// 変数を定義 2var test_value = 'test2';
で、chromeコンソールにtest2とでたのですが、作られてるソースと相違ありますでしょうか。
投稿2017/07/20 02:56
総合スコア5545
0
Vue.jsより先にstatic/test.jsを呼び出す形にしてもそうなりますでしょうか。
投稿2017/07/20 02:43
総合スコア145183
0
自己解決
.eslintrc.jsに以下の設定を追加で取得できました。
globals: {
'test_value': false
}
投稿2017/07/20 04:27
総合スコア8
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/20 03:48
2017/07/20 04:07
2017/07/20 04:19
2017/07/20 04:29