-
v-if 属性 会删除标签
v-show属性 会隐藏标签
v-for = "(item,index) of list" :key="index"进行循环 key值不可以重复，可以提升效率
查看全部 -
computed属性进行属性计算
watch属性进行监听
查看全部 -
v-bind:属性=“js代码”或者：属性 = “js代码”进行属性绑定
v-model=“data名”进行数据双向绑定
查看全部 -
插值表达式{{}}
v-text v-html属性 v-html中可以插入html代码
v-on:事件函数可以进行事件绑定或者使用@事件函数进行事件绑定
查看全部 -
挂载点 模板 实例
查看全部 -
属性绑定v-bind或是直接使用：
双向数据绑定v-model
查看全部 -
Vue中的每个组件都是Vue的实例
查看全部 -
1、先用script定义vue.js
例如：<script src="vue.js"></script>
2、创建挂载点
例如：<div id="root">HelloWorld{{msg}}</div>
3、然后创建vue实例
例如：<script>
new Vue({
el:"#root",//调用挂载点的ID
template:'<h1>hello {{msg}}</h1>'
data:{
msg:"helloWorld"
}//Vue实例里面的内容
})
</script>
挂载点、模板、实例之间的关系
：id为root的div是Vue实例的挂载点，挂载点里面的内容为模板，模板可放在div里面也可放在Vue实例里面的template里面
查看全部 -
v-bind:可以简写成 ：
查看全部 -
加了类似于v-bind:这样的模板指令，那么等号后面就是表达式，可以加上js的语句。
查看全部 -
v-html不会进行转义
v-text会进行转义
查看全部 -
Vue中自定义组件并父子组件传值，在vue中每一个组件都是一个vue实例
查看全部 -
另一种拆分注册组件的方法
查看全部 -
Vue中注册组件
查看全部 -
添加点击事件
v-on:click == @click
查看全部
举报