-
new vue({}) 创建新的实例 tl: 绑定实例 data : 数据 template:查看全部
-
vue实例创建,和字符串模板
查看全部 -
V-text v-html查看全部
-
挂载点,内部模板,差值表达式查看全部
-
挂载点和实 例,模版之间的关系 第二节课吗,长的是一个无忧实力的挂载点和他的模板,然后什么事挂载点。在为四零五一十里面有一个el,他会绑定一个元素,元素可能是和IP绑定的,然后这个ID就是他的挂载点,什么叫做他那模板模板,就是他的template的属性。那么那个template的手机上也其实也是可以写在挂在脸,那个标签之下,下面的,然后。对之后呢,对于他们那个推特进行一个应用。查看全部
-
1.v-show:给dom添加display:none;
2.v-if:直接删除dom
3.项目中频繁改变内容,使用v-show性能更高,不会销毁和重新创建dom
4.v-for="item of list" 遍历数组 添加:key="item"属性,提升渲染性能
注;key必须是不能重复的值
最佳写法:v-for="(item,index) of list" :key="index"
查看全部 -
computed:计算属性
watch:监听属性
查看全部 -
3-4 @delete="handleDelete" 监听子组件的自定义事件并绑定事件处理函数为handleDelete,即当子组件触发delete事件时,父组件监听到delete事件后,执行handleDelete函数.查看全部
-
3-4 this.$emit('delete',index) 触发一个自定义事件delete,并传递参数index查看全部
-
挂载点:el:“挂载点”,
模板:挂载点下的内容称作模板内容 模板也可以用template放在vue实例下编写
实例:Vue会自动识别内容放在demo里面
查看全部 -
<div id="root">{{msg}}</div>
<script>
new Vue({
el: "#root" , //el 表示和那一个demo节点做绑定,挂载点
data:{ //存放数据
msg: "hello world"
}
})
</script>
此时输出 hello world Vue 简化了原生js
查看全部 -
2-5 vue中的侦听器(watch) : 侦听数据的变化,当数据改变时,执行相应的代码块!查看全部
-
2-5 vue中的计算属性查看全部
-
2-4 双向数据绑定指令(v-model),标签的内容改变,数据跟着改变;数据改变了,标签的内容也跟着改变!查看全部
-
2-4 双向数据绑定指令(c-bind),简写形式(:)查看全部
举报