第五章 组件基础

一、Vue应用的数据配置选项

   Vue中的createApp()创建Vue应用实例

•  data 选项为一个javascript函数，提供应用所需的全局数据
•  props 选项接收父组件传递的数据
•  computed 选项配置组件的计算属性
•  methods 配置组件中使用到的方法
•  watch  对组件属性的变化添加监听函数                                      

   定义与使用组件

//定义组件
<script>
   const App = Vue.createApp({})
   const alertComponent = {
      data(){
         return {
             msg:"警告框提示"，
             count:0
         }
      },
      methods:{
         click(){
            alrert(this.msg + this.count++)
         }
      },