福建 建设网站,泉州那家做网站公司好,全功能多国语言企业网站,电商商城app制作开发小程序和Vue写法的区别主要有以下几点#xff1a; 语法不同#xff1a;小程序使用的是WXML、WXSS和JS#xff0c;而Vue使用的是HTML、CSS和JSX。 数据绑定方式不同#xff1a;小程序使用的是双向数据绑定#xff0c;而Vue使用的是单向数据流。 1#xff09;在小程序中需…小程序和Vue写法的区别主要有以下几点 语法不同小程序使用的是WXML、WXSS和JS而Vue使用的是HTML、CSS和JSX。 数据绑定方式不同小程序使用的是双向数据绑定而Vue使用的是单向数据流。 1在小程序中需要使用e.currentTarget.dataset.*的方式获取从而完成参数的传递2Vue只需要在触发的事件中将传递的参数作为形参传入 组件化方式不同小程序的组件化方式是基于模板和样式的而Vue的组件化方式是基于组件的。 生命周期不同小程序和Vue的生命周期有一些相似之处但也有一些不同的地方。 1小程序生命周期onLoad页面加载、onShow页面显示、onReady页面初次渲染完成、onHide页面隐藏、onUnload页面卸载2vue生命周期data、mouted、beforeupdate、updated、beforedestory、destroyed 路由方式不同小程序的路由方式是基于页面栈的而Vue的路由方式是基于URL的。 开发工具不同小程序需要使用微信开发者工具进行开发和调试而Vue可以使用任何支持Vue的开发工具进行开发和调试。 显示和隐藏元素不一样 1小程序中使用wx-if和hidden控制元素显示和隐藏2Vue中使用v-if和v-show控制元素的显示和隐藏 父子组件通信不一样: 1子组件创建不一样 a在vue中编写子组件、父组件通过import引入、conponents中注册、在模板中使用 b在小程序中编写子组件、子组件的json文件中将该文件声明为组件、父组件的json文件中在usingComponents填写子组件的组件吗及路径、在父组件中直接引用即可 2父子组件传参不一样 a在Vue中父组件中在子组件上通过v-bind传入一个值子组件通过props接收 b在小程序中在父组件中直接赋值给一个变量在子组件中properties中接收传递的值 3父组件想要调用子组件的方法 a小程序中给子组件添加id或class然后通过this.selectComponent找到子组件调用子组件方法 bVue中给子组件添加一个ref通过this.refs.ref的值获取该子组件调用子组件中的任意方法
总的来说小程序和Vue的写法有很多不同之处但它们都是现代化的前端开发技术都有自己的优点和适用场景。开发者可以根据自己的需求和技术水平选择适合自己的技术栈。
