①使用 button 组件,并将 open-type 指定为 getUserInfo 类型,获取用户基本信息html
②使用 open-data 展现用户基本信息。vue
watch用于监听数据变化,等同于给数据绑定的onchange事件,一旦数据值改变就会执行方法体;mounted初始化执行,在html加载以后进行,因此改变data定义变量的同时,会触发chang事件小程序
用于绑定数据和元素属性微信小程序
本质是一个语法糖,在表单控件或者组件上建立双向绑定,本质上是负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理微信
表示元素和组件只渲染一次,不会随着数据的改变而改变。若是显示的信息后续不须要再修改,使用v-once,这样能够提升性能。性能
跳过这个元素和它的子元素的编译过程。一些静态的内容不须要编辑加这个指令能够加快编辑双向绑定
封装组件的优势:component
①可以把页面抽象成多个相对独立的模块htm
②实现代码重用,提升开发效率和代码质量,使得代码易于维护事件
过程:
①使用Vue.extend()建立一个组件;
②使用Vue.component()方法注册组件;
③若是子组件须要数据,能够在props中接受定义
④子组件修改好数据以后,想把数据传递给父组件,能够使用emit()方法;