vue.js基础学习
Posted 强大的程序猿人
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue.js基础学习相关的知识，希望对你有一定的参考价值。
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"}}}
}
以上是关于vue.js基础学习的主要内容，如果未能解决你的问题，请参考以下文章