vuejs
/
vue
mirrorاز https://github.com/vuejs/vue.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!DOCTYPE html>
<html>
	<head>
		<title>title</title>
		<meta charset="utf-8">
		<script src="dist/seed.js"></script>
		<style type="text/css">
			.red {
				color: red;
			}
            .todo.done {
                text-decoration: line-through;
            }
		</style>
	</head>
	<body>
		<div id="app" sd-controller="TodoList" sd-on="click:changeMessage | delegate .button">
            <p sd-text="msg | capitalize"></p>
            <p sd-text="msg | uppercase"></p>
            <p sd-on="click:remove">bye</p>
            <p sd-text="total | money"></p>
            <p class="button">Change Message</p>
            <p sd-class="red:error" sd-show="error">Error</p>
            <ul sd-show="todos">
            	<li class="todo"
                    sd-controller="Todo"
                    sd-each="todo:todos"
                    sd-class="done:todo.done"
                    sd-on="click:changeMessage, click:todo.toggle"
                    sd-text="msg"
                ></li>
            </ul>
        </div>
		<script>

			var Seed = require('seed')

			Seed.filter('money', function (value) {
			    return value
                    ? '$' + value.toFixed(2)
                    : ''
			})

            Seed.controller('TodoList', function (scope, seed) {
                scope.changeMessage = function () {
                    scope.msg = 'It works!'
                }
                scope.remove = function () {
                    seed.destroy()
                }
            })

            Seed.controller('Todo', function (scope) {
                scope.toggle = function () {
                    scope.done = !scope.done
                }
            })

            var s = Date.now()

            var data = {
                msg: 'hello!',
                total: 9999,
                error: true,
                todos: [
                    {
                        title: 'hello!',
                        done: true
                    },
                    {
                        title: 'hello!!',
                        done: false
                    },
                    {
                        title: 'hello!!!',
                        done: false
                    }
                ]
            }

			var app = Seed.bootstrap({
                el: '#app',
                data: data
            })

            console.log(Date.now() - s + 'ms')

		</script>
	</body>
</html>