Vue新手学习记录

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:'请输入职位',
    },
})