- 博客(11)
- 收藏
- 关注
原创 API 风格Vue 的组件可以按两种不同的风格书写:选项式 API 和组合式 API。
选项式 API 以“组件实例”的概念为中心 (即上述例子中的this),对于有面向对象语言背景的用户来说,这通常与基于类的心智模型更为一致。同时,它将响应性相关的细节抽象出来,并强制按照选项来组织代码,从而对初学者而言更为友好。组合式 API 的核心思想是直接在函数作用域内定义响应式状态变量,并将从多个函数中得到的状态组合起来处理复杂问题。这种形式更加自由,也需要你对 Vue 的响应式系统有更深的理解才能高效使用。相应的,它的灵活性也使得组织和重用逻辑的模式变得更加强大。
2023-06-06 17:00:17 166
原创 uniapp移动端和vite+ts+vue3做的移动端有何区别?
Vue.js作为Uniapp和Vite+Vue+Ts的共同基础框架,具有非常强的生态支持。而Vite+Vue+Ts则可以直接使用Vue.js的生态,同时也可以使用Vite的插件系统扩展生态。Uniapp和Vite+Vue+Ts都是非常优秀的移动端开发技术栈,选择哪种技术栈主要取决于具体的应用场景和开发需求。如果需要更加灵活的性能优化和生态支持,可以选择Vite+Vue+Ts。而Vite+Vue+Ts则是一种基于Vue.js、TypeScript和Vite构建工具的开发技术栈,主要用于构建Web应用。
2023-06-06 14:07:03 611
原创 webpack基础
Webpack 通过静态模块打包机的方式,将项目源代码及其依赖资源打包在一起。指示 webpack 应该使用哪个模块,来作为构建其内部的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。默认值是,但你可以通过在中配置entry属性,来指定一个(或多个)不同的入口起点。
2023-06-05 18:53:55 70 1
原创 vue2中vue3弃用的一些特性和API
需要注意的是,虽然Vue 3移除了一些特性和API,但是大部分Vue 2的代码仍然可以在Vue 3中运行。10. $dispatch和$broadcast方法:在Vue 3中,$dispatch和$broadcast方法被移除了。6. $scopedSlots属性:在Vue 3中,$scopedSlots属性被重命名为$slots。5. $listeners属性:在Vue 3中,$listeners属性被移除了。9. $on和$once方法:在Vue 3中,$on和$once方法被移除了。
2023-06-02 17:23:59 1743
原创 使用$attrs和$listeners将value2属性透传给子组件,并通过props和自定义事件来实现子组件修改父组件中value2属性
属性的更新操作,并修改该属性的值。子组件又会从父组件中重新获取最新的。属性值以参数的方式传递给父组件。当用户点击按钮时,通过调用。,表示这是一个可双向绑定的属性。在子组件中,通过接受父组件传递过来的。// 子组件 ChildB.vue。属性值,并更新页面展示的内容。语法糖将其转换为一个带有。属性,并将其作为计算属性。和事件透传给子组件。自定义事件,并将新的。
2023-06-02 15:06:36 113
原创 关于父子组件通信的状态一致的两种解决方案
inject: ['setColor'],但是在子组件的inject中只注入了setColor,而未注入value2。属性),然后在子组件中通过props和events通信实现值的改变。也可以使用$attrs和$listeners来将父组件中的自定义属性和方法透传给子组件(包括。属性的改变并触发相应操作,则应该定义在父组件中,然后通过回调函数来通信完成相应操作。建议根据实际需求决定使用哪种方式来通信。根据提供的代码,我发现在父组件中使用了。来向所有子孙组件提供数据,其中包括。// 进行相应的操作。
2023-06-02 14:57:31 57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人