13/06 shared across all instances.html

<!DOCTYPE html>
<html lang="en">

<head>
    <script type="text/javascript" src="vue.js"></script>
    <meta charset="UTF-8">
    <title>06</title>
</head>

<body>
    <pre>组件关于 data 选项，错误写法</pre>
    <div id="app">
        {{a}}
    </div>
    <script>
    //*******************************
    // 故意让 data 交错使用，不用 function
    // vuejs 会自动检查，出现错误讯息
    // [Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.
    //
    var data = {
        a: 1
    }
    var MyComponent = Vue.extend({
        data: data
    });
    var vm = new Vue({
        el:'#app'
    })
    </script>
</body>

</html>