小程序和Vue写法的区别主要有什么不同

1.语法不同：小程序使用的是WXML、WXSS和JS，而Vue使用的是HTML、CSS和JSX。

2.数据绑定方式不同：小程序使用的是双向数据绑定，而Vue使用的是单向数据流。

1）在小程序中需要使用e.currentTarget.dataset.*的方式获取，从而完成参数的传递

2）Vue只需要在触发的事件中，将传递的参数作为形参传入

3.组件化方式不同：小程序的组件化方式是基于模板和样式的，而Vue的组件化方式是基于组件的。

4.生命周期不同：小程序和Vue的生命周期有一些相似之处，但也有一些不同的地方。

1）小程序生命周期：onLoad页面加载、onShow页面显示、onReady页面初次渲染完成、onHide页面隐藏、onUnload页面卸载

2）vue生命周期：data、mouted、beforeupdate、updated、beforedestory、destroyed

5.路由方式不同：小程序的路由方式是基于页面栈的，而Vue的路由方式是基于URL的。

6.开发工具不同：小程序需要使用微信开发者工具进行开发和调试，而Vue可以使用任何支持Vue的开发工具进行开发和调试。

7.显示和隐藏元素不一样

1）小程序中使用wx-if和hidden控制元素显示和隐藏

2）Vue中使用v-if和v-show控制元素的显示和隐藏

8.父子组件通信不一样:

1）子组件创建不一样：

a，在vue中：编写子组件、父组件通过import引入、conponents中注册、在模板中使用

b，在小程序中：编写子组件、子组件的json文件中，将该文件声明为组件、父组件的json文件中，在usingComponents填写子组件的组件吗及路径、在父组件中直接引用即可

2）父子组件传参不一样

a，在Vue中：父组件中在子组件上通过v-bind传入一个值，子组件通过props接收

b，在小程序中：在父组件中直接赋值给一个变量，在子组件中properties中，接收传递的值

3）父组件想要调用子组件的方法

a，小程序中给子组件添加id或class，然后通过this.selectComponent找到子组件，调用子组件方法

b，Vue中给子组件添加一个ref，通过this.refs.ref的值获取该子组件调用子组件中的任意方法