使用Vue中的createApp方法即可创建一个Vue应用实例。其实,Vue应用中有许多方法和配置项供开发者使用。 首先创建一个名为application.html的测试文件来编写示例代码。创建一个Vue应用非常简单,调用createApp方法即可: const App = Vue.createApp({}) createApp方法会返回一个Vue应用实例,在创建应用实例时,我们可以传入一个JavaScript对象来提供应用创建时数据相关的配置项,例如经常使用的data选项与methods选项。 data选项本身需要配置为一个JavaScript函数,此函数需要提供应用所需的全局数据
props选项用于接收父组件传递的数据
computed选项之前也有使用过,其用来配置组件的计算属性,可以在其中实现getter和setter方法
methods选项用来配置组件中需要使用到的方法,需要注意,不要使用箭头函数来定义methods中的方法,其会影响this关键字的指向。
watch配置项之前也有使用过,其可以对组件属性的变化添加监听函数
需要注意,当要监听的组件属性发生变化时,监听函数中会将变化后的值与变化前的值作为参数传递进来。如果要使用的监听函数本身定义在组件的methods选项中,也可以直接使用字符串的方式来指定要执行的监听方法
其实,Vue组件中的watch选项还可以配置很多高级的功能,例如深度嵌套监听、多重监听处理等 阅读全文下载完整组件代码请关注微信公众号: 前端组件开发