vue 文件的组成
1) 模板页面
<template>
页面模板
</template>
2) JS 模块对象
<script>
export default{
data()
{
return
{}
},
methods: {},
computed: {},
components: {}
}
</script>
3) 样式
<style>
样式定义
</style>
基本使用
<template>
<HelloWorld></HelloWorld>
</template>
<script>
import HelloWorld from "./components/HelloWorld";
export default {
components: {
HelloWorld
}
};
</script>
关于标签名与标签属性名书写问题
1) 写法一: 一模一样
2) 写法二: 大写变小写, 并用-连接
组件间通讯
组件间通信基本原则
1) 不要在子组件中直接修改父组件的状态数据
2) 数据在哪, 更新数据的行为(函数)就应该定义在哪
vue 组件间通信方式
1) props
2) vue 的自定义事件
3) 消息订阅与发布(如: pubsub 库)
4) slot
5) vuex