微信小程序是vue吗,vue和小程序哪个先学

　　操作环境：Windows S10系统，Vue3版本3，戴尔G3电脑。

vue跟小程序的区别是什么

　　一、生命周期函数不一样：

　　-微信小程序onload:页面加载，onShow:页面显示，onReady:页面首次渲染完成，onHide:页面隐藏，onLoad:页面卸载。

　　-Vue的钩子功能会在你跳转到新页面的时候触发，但是小程序的钩子功能，页面不同的跳转方式，触发的钩子不同。Create和created适用于发出网络请求，通过beforemout、mouted、beforecreate、updated、beforedestory和destroyed更新数据。

　　二、数据请求时间不一样：

　　当页面加载请求的数据时，两者的挂钩有些相似。vue通常在创建或挂载时请求数据，而在小程序中，它在onLoad或onShow时请求数据。

　　三、数据绑定方式不一样：

　　当VU将变量动态绑定到元素的属性时，它会在变量前面添加一个冒号。Applet:当绑定变量的值是元素属性时，它将被两个花括号括起来。如果不加括号，则视为一个字符串。

　　四、 显示与隐藏元素不一样：

　　在vue中，v-if和v-show用于控制元素的显示和隐藏。在applet中，wx-if和hidden用于控制元素的显示和隐藏。

　　五、事件处理不一样：

　　Vue:使用v-on:event绑定事件，或者@event绑定事件；在applet中，所有事件都与bindtap=" "或catchtap= 绑定，catchtap防止事件冒泡。

　　六、数据双向绑定不一样：

　　在vue中，只需要在表单元素中添加v-model，然后在data中绑定一个对应的值。当表单元素的内容发生变化时，数据中相应的值也会随之变化。在applet中，当表单的内容发生变化时，会触发form元素绑定的方法，然后在这个方法中，通过this.setData({key:value})将表单上的值赋给数据中对应的值。

　　七、绑定事件传参不一样：

　　在vue中，绑定事件参数只需要在触发事件的方法中传递要作为形式参数传递的数据。在applet中，不能在绑定事件的方法中直接传入参数。你需要将参数作为属性值绑定到元素上的data- attribute，然后通过e.currentTarget.dataset.*在方法中获取，从而完成参数的传递。

　　八、父子组件通信不一样：

　　子组件创建不一样：

　　在vue中，您需要：

　　1.编写子组件；

　　2.从要使用的父组件导入；

　　3.在vue的组件中注册；

　　4.在模板中使用它。

　　在applet中，您需要：

　　1.编写子组件。

　　2.在子组件的json文件中，将文件声明为组件；

　　3.在要导入的父组件的json文件中，在usingComponents中填写导入组件的组件名称和路径；

　　4.在父组件中，直接引入就可以了；

　　父子组件传值不一样：

　　在vue，

　　组件向子组件传输数据时，只需要在子组件中通过v-bind传入一个值，在子组件中，可以通过props接收。子组件和父组件之间的通信可以通过this.emit将方法和数据传递给父组件

　　在小程序中，

　　父组件直接给变量赋值，在子组件的属性中，接收传递的值。

　　如果父组件想要调用子组件的方法

　　Vue会给子组件添加一个ref属性，可以通过this.refs.ref的值获取，然后子组件中的任何方法都可以被调用。

　　Applet就是给一个子组件添加id或者class，然后通过this.selectComponent找到子组件，然后调用子组件的方法。

　　推荐：《nodejs视频教程》以上是vue和小程序区别的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。