-
每个vue组件都是一个vue 实例
查看全部 -
计算属性：computed 当计算属性中有1⃣️变量发生改变时，computed会重新计算。如无变化，下次访问直接采取缓存值。
监听属性：watch
查看全部 -
单向数据绑定：数据决定页面的显示，但是页面无法决定数据
双向数据绑定：通过v-model 实现页面改变数据 同时数据改变页面
属性绑定：v-bind：xxx
查看全部 -
v-bind：缩写为：
v-on： 缩写为@
查看全部 -
<input v-model="content"/>
v-model="content" 可以和 data 数据里的 content 实现双向绑定，任意一方的内容发生改变，另一方也会跟着改变
查看全部 -
<div v-bind:title="title">hello world</div>
v-bind:titile="title" 将当前 div 的 title 属性和 data 里的 title内容绑定在一起
v-bind:title 可以简写成 :title
当模板指令后面有等号出现时，模板指令后面的内容就是一个js的表达式，可以加入其他内容
查看全部 -
<div v-on:click="handleClick"> </div>
v-on:click 点击事件所绑定的方法放在 Vue实例 methods:{} 属性里
v-on:click 可以简写成 @click
查看全部 -
<div v-text="content"></div>
v-text：会转译挂载点中的内容，里面的标签符号会显示；
v-html：不会转译挂载点中的内容，可以实现标签效果；
查看全部 -
挂载点：指 Vue 实例里 el 属性对应所绑定的 dom 节点；
模板：指挂载点内部的内容和 Vue 实例里 template 属性里的内容；
实例：在实例里面指定一个挂载点，把模板写上，内容就会呈现在挂载点之中；
查看全部 -
<ul>
<todo-item v-for = "(item,index) of list" :key="index"
：content="item"
></todo-item>
</ul>
Vue.componet('todo-item',{
props:['content'],
template:'<li>{{content}}</li>'
})
查看全部 -
暂存笔记查看全部
-
new Vue({
el:"#root",
data:{
inputValue:"hello",
list:[1,2,3,4]
},
methods:{
submitClick:function(){
this.list.push(this.inputValue);
this.inputValue=""
}
}
})
查看全部 -
<li v-for="(item,index) of list" :key = "item">{{item}}</li>
data:{
list:[1,2,3]
}
查看全部 -
template 是实例里写模版的属性名称查看全部
-
在div中通过{{ }} msg标签来读取后台数据内容查看全部
举报