export_default_组件选项

在组件选项对象中有一个data选项,该选项是一个函数,Vue在创建组件实例时会调用该函数。data()函数可以返回一个数据对象,应用程序实例本身会代理数据对象中的所有数据。

在创建的应用程序实例中,通过methods选项可以定义方法。应用程序实例本身也会代理methods选项中的所有方法,因此也可以像访问data数据那样来调用方法。

(每个应用程序实例在创建时都有一系列的初始化步骤。例如,创建数据绑定、编译模板、将实例挂载到DOM并在数据变化时触发DOM更新、销毁实例等。在这个过程中会运行一些叫作生命周期钩子的函数,通过这些钩子函数可以定义业务逻辑。beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed )( 在浏览器控制台中运行代码,页面渲染完成后,结果如图所示。在2秒后调用setTimeout()方法,修改text的内容,触发beforeUpdate和updated钩子函数,结果如图所示。)

创建应用程序实例后,需要通过插值进行数据绑定。数据绑定是Vue.js最核心的一个特性。建立数据绑定后,数据和视图会相互关联,当数据发生变化时,视图会自动进行更新。这样就无须手动获取DOM的值,使代码更加简洁,提高了开发效率。

指令是带有v-前缀的特殊属性。从写法上来说,指令的值限定为绑定表达式。指令用于在绑定表达式的值发生改变时,将这种数据的变化应用到DOM上。当数据变化时,指令会根据指定的操作对DOM进行修改,这样就不需要手动管理DOM的变化和状态,