v-onsタグで問題が発生しません。

私は勉強しようとしていますonsenuiとVueです。 Js。v-onsタグで問題が発生しません。

私は、cdnリンクを使用してonsen-vueを使用しています。 onsタグは機能しますが、v-onsタグは機能しません。エラーが表示されます

カスタムタグが定義されていません。

たとえば、v-onsボタンは機能しませんが、onsボタンが機能します。私はそれをテストするためにhtmlファイルを作成しました。また、私は見ることができます温泉-VUE（2.4）（2.4）

2017-11-15 user8227740

それはVUEのバージョンCDN使用しています温泉docs

からのHelloWorldのworking exampleを確認してください、私はVue.jsのためのCDNを追加した資源にロードされています[email protected]および[email protected]

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/onsenui.min.css"> 
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/onsen-css-components.min.css"> 
    <script src="https://unpkg.com/[email protected]/dist/vue.js"></script> 
    <script src="https://unpkg.com/[email protected]/js/onsenui.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/vue-onsenui.js"></script> 
</head> 

<body> 
<template id="main-page"> 
    <v-ons-page> 
     <v-ons-toolbar> 
      <div class="center">Title</div> 
     </v-ons-toolbar> 

     <p style="text-align: center"> 
      <v-ons-button @click="$ons.notification.alert('Hello World!')"> 
       Click me! 
      </v-ons-button> 
     </p> 
    </v-ons-page> 
</template> 

<div id="app"></div> 

<script> 
    var vm = new Vue({ 
     el: '#app', 
     template: '#main-page' 
    }); 
</script> 
</body> 
</html>

出典

2017-11-16 00:25:40 shrpne

キャッチしたタイプのエラーオブジェクト。値は関数ではなく、ツールバーやボタンにはテキストだけが表示されることはありません.Ty – user8227740

クロムのバージョンは古いのでこのエラー – user8227740

@ user8227740 'vue-onsenui @ 2.4.1'で試すことができますか？ –

v-onsタグで問題が発生しません。

答えて

関連する問題