vue.js基礎學習（2）
阿新 • • 發佈：2018-11-30
vm=new vue({
date:{name:"aa"，
user：{“name”:"lsm"}});
獲取屬性值
1：vm.name
2：vm.$data.name
3：獲取vue關聯的例項 vm.$el
vm.$el.style.color="red"
4:獲取自定義屬性
vm.$options.name
5:獲取所有添加了ref屬性的元素
vm.$refs <h2 ref="hello"></h2> vm.$el.hello.style.color="red"
6:$set $delete 物件屬性的新增和刪除
method:{
add(){
this.$set(this.user,"age",22)
}
del(){
this.$delete(this.user,"age")
}
}
7:全域性元件
建立方法1：var Component =vue.extend({
template:'<h1>hello</h1>'
})
vue.component(“hello”,Component)
建立方法2： vue.component(“wrold”{
template:'<h1>wrold</h1>'
})
引用：<hello></hello>
8:區域性元件
components:{
"my-adress":{
template:'<h1>wrold</h1>'},
"my-name":{
template:'<h1>{{name}}</h1>',
data(){
return {"name":"lsm"}}}
}