Vueテストインスタンス-コンポーネント

4810 ワード
Vue
方法1:

<html>
<head>
<meta charset="utf-8">
<title>Vue     -  title>
<script src="http://unpkg.com/vue/dist/vue.js">script>
head>
<body>
<div id="app">
    <Child abc="string123">Child>
div>

<script>
var Child = {
  template: '
     !{{abc}}
',
    props: {
        abc:String  
    },
    methods: {
        ok: function() {
            alert(this.abc);
        }   
    }
}

//      
new Vue({
  el: '#app',
  components: {
    'Child': Child
  }
})
script>
body>
html>

方式2:

<html>
<head>
<meta charset="utf-8">
<title>Vue     -  title>
<script src="http://unpkg.com/vue/dist/vue.js">script>
head>
<body>
<div id="app">
    <Child abc="string123">Child>
div>

<script>

Vue.component("Child",{
    template: '
     !{{abc}}
',
    props: {
        abc:String  
    },
    methods: {
        ok: function() {
            alert(this.abc);
        }   
    }
});

//      
new Vue({
  el: '#app'
})
script>
body>
html>
Vee Router学習
Python+seleniumでひたすらダウンロード（繰り返し処理）