vent 入门（一）

VS开发c#结合vue

<!--引入vant的js文件-->
<script src="../vant.min.js"></script><div id="app" > 

        <!--vant下拉-->
        <van-dropdown-menu>
          <van-dropdown-item v-model="value1" :options="option1" />
          <van-dropdown-item v-model="value2" :options="option2" />
        </van-dropdown-menu>

        <!--vant按钮-->
        <van-button type="primary" @click="onSearch">主要按钮</van-button>
</div>


<script type="text/jvavscript" language="jabascript">
var app=new Vue({
     el:'#app',
　　　data(){ 
　　　　return { 
               value1: 0, 
          　　　value2: 'a', 
　　　　　　　　　option1: [ { text: '全部商品', value: 0 }, 
　　　　　　　　　　　　　　　 { text: '新款商品', value: 1 },
　　　　　　　　　　　　　　　 { text: '活动商品', value: 2 }, ], 
　　　　　　　　　option2: [ { text: '默认排序', value: 'a' }, 
　　　　　　　　　　　　　　　{ text: '好评排序', value: 'b' },
　　　　　　　　　　　　　　　{ text: '销量排序', value: 'c' }, ],
　　　　　　　　　 }; 
　　　　　　},
　　methods:{
　　　　　　　　onSearch(){
　　　　　　　　　　　　　　},
　　　　　　}，

)}
</script>