-
父子传值
查看全部 -
父传子 通过 属性的方式传递 如：
:content="item"
:index="index"
子组件通过 propos:['content','index'], 接收父组件的传值
查看全部 -
挂载点<div = "app"></div> 里面包含的是模板 实例可以看做一个组件 Vue({}) 是一个大的实例 或组件
查看全部 -
<div id="root"> <input v-model="inputValue" /> <button v-on:click="handleSubmit">提交</button> <ul> <li v-for="(item,index) of list" :key="index"> {{item}}</li> </ul> </div> <script> new Vue({ el: "#root", data: { inputValue: ''hello", list: [] }, methods: { handleSubmit: function() { this.list.push(this.inputValue) this.inputValue = "" } } }) </script>
查看全部 -
<li v-for="(item，index) of list" :key =“index”>{{item}}</li> 加key值 提升渲染效率
查看全部 -
计算属性
查看全部 -
插值表达式：v-text = “”
带样式： v-html= “”
点击事件： v-on:click =“事件名” 或者 @click =“事件名”
属性绑定： v-bind：属性名= “属性值” 或者 ：属性名= “属性值”
双向属性绑定： v-model = “变量名”
查看全部 -
面向数据编程 查看全部 -
挂载点 模板 实例查看全部 -
函数触发，在method里执行查看全部
-
v-bind指令的简写是：
双向数据绑定的指令是v-model
查看全部 -
v-on:可用@符号代替
查看全部 -
侦听器，侦听某一个属性所发生变化，发生变化则在侦听器里所改变属性
查看全部 -
v-bind
v-mode
查看全部 -
v-text="number" =>
v-html="number"
(模板指令，text不会进行转译，而html会）
标签绑定事件
v-on:click="handleclick"=>绑定一个click事件 handleclick为函数
在methods 输入 handleclick: function(){
alert(123)
}
}
}
可直接改变数据
查看全部
举报
0/150
提交
取消