Vue知识点回顾
2024-03-28 本文已影响0人
家乡的蝈蝈
- script中放的数据
<body>
<script>
new Vue({
el:'app',
data:{}, //存数据
methods:{}, //存方法
computed:{}, // 放计算属性
watch:{}, // 放监听器
created() {}, // 最新执行的函数，自动执行，里面可以发送Ajax请求
mounted(){}, // 可以进行DOM操作
})
</script>
</body>
- template标签的用处
<template> // template被称为虚拟标签，有且仅有一个根元素
<div>
</div>
</template>
- 属性名与:属性名的区别
<template>
<div>
<!-- 父传子，就是给组件标签，添加属性 -->
<!-- :str="变量或表达式"，变量要在data中定义；str="值"，说明这个值就是一个字符串 -->
<!-- 注意div中的变量不加this，script中的变量加this -->
<Son str="hello"
:age="age"
:visible="visible"
:list="list"
:user="user"
:say="say"></Son>
</div>
</template>
