vuejs
/
vue
огледало од https://github.com/vuejs/vue.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Forms test</title>
        <meta charset="utf-8">
        <script src="../../../dist/vue.js"></script>
    </head>
    <body>
        <form id="forms">

            <input type="text" name="text" v-model="text">

            <input type="checkbox" name="checkbox" v-model="checked">

            <input type="radio" name="radio" v-model="radio" value="a">
            <input type="radio" name="radio" v-model="radio" value="b">

            <select v-model="select" name="select">
                <option>a</option>
                <option>b</option>
            </select>

            <select id="multi" v-model="multipleSelect" name="multi" multiple>
                <option>a</option>
                <option>b</option>
                <option>c</option>
                <option>d</option>
            </select>

            <textarea name="textarea" v-model="textarea"></textarea>

        </form>

        <div id="values">
            <p class="text">{{text}}</p>
            <p class="checkbox">{{checked}}</p>
            <p class="radio">{{radio}}</p>
            <p class="select">{{select}}</p>
            <p class="multipleSelect">{{multipleSelect}}</p>
            <p class="textarea">{{textarea}}</p>
        </div>

        <script>
            var test = new Vue({
                el: 'body',
                lazy: true,
                data: {
                    text: 'some text',
                    checked: true,
                    radio: 'b',
                    select: 'b',
                    multipleSelect: ['a','c'],
                    textarea: 'more text'
                }
            })
        </script>
    </body>
</html>