以下のようなvueがあったとして
var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })
以下のようなHTMLを記述すると
<div id="app"> {{message}} {{unknown}} <div v-html="hoge"></div> </div>
当然、「unknown」「hoge」はそんな変数ないと怒られます
[Vue warn]: Property or method "unknown" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. [Vue warn]: Property or method "hoge" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
そこで
今回のような、未定義の変数「unknown」「hoge」があったことを
vue側でキャッチ(察知)する方法はないのでしょうか??
キャッチしたいのは
・未定義の変数がapp内に存在すること(したこと)
・未定義の変数は「unknown」という文字列であること
・未定義の変数は「hoge」という文字列であること
です。
念のためですが、変数「unknown」「hoge」へ値を代入してリアクティブに表示変更するやり方ではなく
全く予測していなかった変数「unknown」「hoge」が現れたことをvue側で知りたいのです
以上、ベテランのかたご教授のほどよろしくお願いいたします
残念ながら無理みたいです。
https://github.com/vuejs/eslint-plugin-vue/issues/98
あなたの回答
tips
プレビュー