-
在vue中 每一个组件都是一个vue实例
查看全部 -
<script>
new Vue({
el:"#root",
data:{
firstName:'',
lastName;'',
count:0
},
computed: {
fullName:function(){
return this.firstName + ' ' + this.lastName
},
watch : {
fullName : function(){
this.count ++
}
}
})
查看全部 -
computed代表一个属性从其他属性计算而来
查看全部 -
属性绑定和数据双向绑定
<div id="root">
<div v-bind:title="title>hello world</div>
<!-- v-bind:title 可以缩写成 : -->
<input v-model="content" />
<div>{{content}}</div>
<div>
<script>
new Vue({
el:"#root",
data:{
title: "this is hello world",
content:"this is a content"
}
})
查看全部 -
侦听器 watch
查看全部 -
computed 计算属性
查看全部 -
事件绑定 @
属性绑定 :
查看全部 -
在脚手架工具中data:{}要改成 data:function(){ return:{ value:123 } } data () function(){ return { value:123 } }
查看全部 -
在脚手架工具中 ,data:{} 要改成
data:function(){
return
}
查看全部 -
父组件:new Vue实例
子组件:var todoItem
组件亦是实例
查看全部 -
子组件通过this.$emit向外触发delete事件,父组件通过@delete监听并触发父组件的handleDelete事件
查看全部 -
父组件向子组件传值是通过属性来传递的
查看全部 -
scope--作用域
查看全部 -
scoped组件样式解耦,样式只在组件内起作用
查看全部 -
vue template下只能有一个根标签
查看全部
举报