页面标签基本相同
在过程中，你会发现页面标签的基本结构是相似的。无论是使用原生写法还是其他框架，标签的基本形式都差不多。比如，常见的标签符如“，”、“-”、“、”等，在不同框架中都可以直接替换使用。
原生写法与框架写法的对比
原生写法通常使用“.”作为分隔符，比如“.、.、.、.、.、.、.”等等。而在某些框架中，写法可能会稍有不同，比如使用“.”、“，”、“、”等符。虽然写法略有差异，但整体逻辑是相通的。
生命周期函数的相似性
生命周期函数在不同框架中也有相似之处。无论是原生还是使用框架，生命周期函数如“，”、“、”等，都是用来管理组件的创建、更新和销毁过程。在原生中，标签内大多数据使用“{{}}”进行绑定，而在框架中，模板、赋值方式和点击事件的写法可能会有所不同。
点击事件写法的差异
原生小程序的点击事件写法通常是“bindtap”，而在某些框架中，可能会使用“@”符来绑定事件。这种差异虽然小，但在实际中需要注意，以确保事件能够正确触发。
引入组件的方式
在原生中，引入组件的方式是通过“-”符，且数据需要从“data”中获取。而在框架中，引入组件的方式可能会更加简洁，直接通过“import”或“require”来引入。
传参方式的不同
原生写法中，传参通常是通过“-”符，且数据需要从“data”中获取。而在框架中，传参方式可能会更加灵活，直接通过“props”或“state”来传递参数。
值绑定并监听的写法
原生写法中，值绑定并监听通常是通过“bindinput”来实现的。而在框架中，可能会使用“v-model”或“@input”来实现类似的功能。
属性绑定的差异
原生写法中，属性绑定通常是通过“bind”来实现的。而在框架中，可能会使用“:”或“v-bind”来绑定属性。
更新视图的方法
原生写法中，更新视图通常是通过“setData”来实现的。而在框架中，可能会使用“this.setState”或“this.$set”来更新视图。
列表循环的写法
原生写法中，列表循环通常是通过“wx:for”来实现的，只需要绑定被渲染的数据，默认每一项为“item”，下标为“index”。而在框架中，可能会使用“v-for”来实现类似的功能。
条件渲染的对比
原生写法中，条件渲染通常是通过“wx:if”来实现的。而在框架中，可能会使用“v-if”或“v-show”来判断是否需要渲染该代码块。如果需要一次性判断多个组件标签，可以使用一个“block”标签将多个组件包装起来，并在上边使用“v-if”控制属性。
动态添加的注意事项
在动态添加组件或数据时，需要注意框架的局部渲染过程。当条件值切换时，框架会确保条件块在切换时销毁或重新渲染。同时，条件渲染是惰性的，如果在初始渲染条件为假，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，简单的显示与隐藏控制会更加直接。
总的来说，无论是原生还是使用框架，理解这些基本概念和写法的差异，能够帮助你在实际中更加得心应手。
