第一个vue程序

1、mvvm模式的实现者
2、modelhe1view的分离
3、v-bind
v-if ,v-else ,v-else-if
var vm=new vue({ el: "#app" data:{ {message:'天星'}, {message:'地堡'}, } })
4、vue事件绑定s
v-on绑定事件s v-on:click()
methods:{} //方法必须要定义在vue的methods对象中
this代表这个本身对象
7大属性:el
v-model双向绑定 v-mode="message"
输入的内容<input type="text" v-model="message">{{message}}
<select > <option>请选择</option> <option>a</option> <option>b</option> <option>c</option> <select/> <span>{{selectted}}</span> var vm=new vue({
el: "#app"
data:{
selected:''
}
})
5、组件 v-bind Vue.component("li",{
props: ['item'],
template:'

  • Helli
  • '
    });
    var vm =new Vue({
    el: "#app",
    data:{
    item: ["java","js","css"]
    }
    });`

    posted @ 2025-04-06 15:43  黑影五  阅读(11)  评论(0)    收藏  举报