v-on == @
v-model 可以直接傳值：

#  HTML
        <div id='text'>
            <label>
                男
                <input v-model="sex" value="male" type="radio" />
            </label>
            <label >
                女
                <input v-model="sex" value
 
="female" type="radio" />
            </label>
            <br>
            {{sex}}
        </div>


----------
js

var text = new Vue({
    el: '#text',
    data: {
        sex: 'female'
    },
    methods: {

    },
})

控制流指令

就像if,else,elseif ,Vue中是v-if="條件"

<div id='text'
 
>
    <input type="text" v-model="root" />
    <div v-if="root=='admin'">
        管理員你好
    </div>
    <div v-else-if="root=='hr'">
        簡歷檢視列表
    </div>
    <div v-else>
        您沒有許可權訪問此頁面
    </div>
</div>
登入名稱是：{{root}}

----------
js

var text = new
 
 Vue({
    el: '#text',
    data: {
        root:'請輸入職位',
    },
})