1.初始化wepy项目安装脚手架npminstall-gwepy-cliwepyinitstandardmy-project切换到项目目录初始化项目npminstall开始实时编译wepybuild--watch2。小程序生命周期onLoad：页面加载只会调用一次。接收页面参数可以在中获取wx.navigateTo和wx.redirectTo并查询。onShow：每次打开页面都会调用页面显示。onReady：页面初始渲染完成。一个页面只会被调用一次，这意味着该页面已经准备就绪，可以与视图层进行交互了。onHide：页面被隐藏。它在navigateTo或底部选项卡切换时调用。onUnload：页面卸载时在redirectTo或navigateBack时调用。3原生小程序要求app实例必须有3个文件：app.js、app.json、app.wxss，page页面一般有4个文件：page.js、page.json、page.wxml、page.wxssproject└──src├──pages|├──index.wpy索引页面逻辑、配置、结构、样式|└──log.wpy日志页面逻辑、配置、结构、样式└──app.wpy是app。wpy主要作为入口文件，页面是页面集成importwepyfrom'wepy';//声明一个App小程序实例，小程序入口文件exportdefaultclassMyAPPextendswepy.app{}//声明一个Page页面实例，smallProgrampageexportdefaultclassIndexPageextendswepy.page{}//声明一个Component组件实例来开发小程序组件exportdefaultclassMyComponentextendswepy.component{}4组件化。类似VUE组件文件的写法1、我们需要了解父子组件是如何传值的。可以使用props传递属性值。子组件使用props来接收值。Vue.component('blog-post',{props:['title'],template:'
{{title}}
'})newVue({el:'#blog-post-demo',data:{posts:[{id:1,title:'我的Vue之旅'},{id:2,title:'用Vue写博客'},{id:3,title:'为什么Vue如此有趣'}]}})
组件事件,你可以使用$emit来触发父组件上的方法！5.在组件上使用v-model在组件上使用时，v-model将如下所示：/custom-input>为了让它工作，这个组件内的必须：-将它的value属性绑定到一个名为value的prop-当它的输入事件被触发时通过self传递新值定义的输入事件抛出Vue.component('自定义输入',{props:['value'],template:``})vue中还提出了动态组件keep-alive的概念，相当于保持当前组件的状态。参考6.通过slots分发内容我的理解是slots就是dom的slots，就是为了将dom元素放在固定位置。7Wepy常用APIthis.$apply()来动态更改数据并重新渲染。$invoke("组件路径","组件对应方法")路由应用this.$root.navigation({url:'.....'})showtoast调用toast提示框
