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

简介: 小程序和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的值获取该子组件调用子组件中的任意方法


相关文章
|
4天前
|
JavaScript
VUE里的find与filter使用与区别
VUE里的find与filter使用与区别
13 0
|
3天前
|
移动开发 JavaScript 前端开发
uni-app和Vue.js二者之间有什么区别?
1. uni-app是一个使用Vue.js开发所有前端应用的框架,支持一次编译多端运行。开发者编写的基础代码只需进行一次编写,就可以发布到多个平台,包括App、H5、微信小程序等。 2. Vue.js是一个渐进式JavaScript框架,用于构建用户界面。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。
4 0
|
5天前
|
缓存 JavaScript 开发者
什么是vue的计算属性?为什么使用?计算属性和方法有什么区别?怎样选择
什么是vue的计算属性?为什么使用?计算属性和方法有什么区别?怎样选择
9 0
|
7天前
|
JavaScript 小程序 前端开发
小程序和vue写法的区别
小程序和vue写法的区别
13 1
|
7天前
|
JavaScript API 开发者
vue3与vue2的区别
vue3与vue2的区别
18 2
|
7天前
|
JavaScript 小程序 前端开发
小程序;vue;uniapp优缺点(各5条)
小程序;vue;uniapp优缺点(各5条)
15 1
|
7天前
|
移动开发 开发框架 小程序
UniApp与微信小程序介绍及区别
UniApp与微信小程序介绍及区别
14 0
|
14天前
|
缓存 JavaScript
Vue 中的 computed 和 watch 的区别
Vue 中的 computed 和 watch 的区别
|
16天前
|
JavaScript 算法 前端开发
vue3和vue2得区别
Vue 3 优化了性能,引入了更快的虚拟 DOM 算法和模块化编译,提升渲染速度并减小打包文件大小。新引入的 Composition API 提高代码组织灵活性和可维护性。Vue 3 加强了 TypeScript 支持,改进响应式系统,使用 Proxy 实现更细粒度变化跟踪。此外,包体积更小,加载速度更快。尽管与 Vue 2 存在迁移成本,官方提供迁移指南和工具以协助平滑过渡。Vue 3 旨在提供更好的开发体验和效率。
|
20天前
|
JavaScript 前端开发
【vue】跨路由传值,params和query有什么区别?
【vue】跨路由传值,params和query有什么区别?
15 0

热门文章

最新文章