Vue组件，如何打造长尾词SEO优化效果？

本文共计2324个文字，预计阅读时间需要10分钟。

目录+ 计算属性和监听属性+ 计算属性和监听属性+ 全局组件和局部组件+ 全局组件和局部组件+ 注意点+ 组件间通信+ 父传子（自定义属性）+ 子传父（自定义事件）+ ref属性+ 普通标签设置+ 组件设置+ 数据

目录

• 计算属性和监听属性
  • 计算属性
  • 监听属性
• 全局组件和局部组件
  • 全局组件
  • 局部组件
  • 注意点
• 组件间通信
  • 父传子(自定义属性)
  • 子传父(自定义事件)
• ref属性
  • 普通标签设置
  • 组件设置
• 数据总线
• 动态切换组件
• slot插槽
  • 单个插槽
  • 多个插槽

计算属性和监听属性 计算属性

现有需求，把用户输入的字符串首字母变大写并显示，如果使用普通的方法去显示，那么每次其他地方的数据更新时，这个方法也会执行，就会显得多余，所以就需要用到计算属性。

计算属性可以把函数当成属性使用，函数的返回值就是属性值，计算属性只有在它的相关依赖发生改变时才会重新求值。