![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
浪漫胡渣男孩
掉头发ing……
展开
-
vue2x + 3x watch学习
2x handler:为要执行的方法 deep:深度监听 immediate:在数据初始化,刷新,或数据更改时候都会触发 1.监听路由 data(){ return{ a:0 }}, watch: { a(newVal, oldVal){ console.log(newVal, oldVal) }, } 2.监听对象(深度监听) data(){ return { Ob.原创 2021-03-16 15:30:26 · 87 阅读 · 0 评论 -
vue3x 使用provide inject
官网链接: link. 在3x中使用provide inject需要先引入 provide有两个参数:1.属性的名称(类型) 2.物业价值 inject有两个参数:1.要注入的属性的名称 2.默认值(可选) <template> <MyMarker /> </template> <script> import { provide } from 'vue' import MyMarker from './MyMarker.vue export d原创 2021-03-15 18:16:57 · 136 阅读 · 0 评论 -
vue3x 之ref、reactive、toRefs 学习
1.reactive()可以将传入的数据变成响应式数据,是用于复杂数据类型,传递的参数必须是json对象或者数组,reactive会将传递的对象包装成了proxy对象,如果传递了其他对象(比如new Date()),在默认情况下修改对象,界面不会自动更新,如果也需要具有响应式,可以通过重新赋值的方式实现, 当传入数组时 import {reactive} from 'vue'; let state = reactive([1, 2, 3]); console.log(state) // Proxy .原创 2021-03-10 11:34:21 · 359 阅读 · 0 评论 -
vue3x之setup学习
官方链接: 跳转. setup使用时它带有两个参数props和context 1.setup中的props是响应式的,并在传入新的props时进行更新,由于props是响应式的,所以不能使用ES6解构,因为它会让其失去响应性。 export default { props: { title: String }, setup(props) { console.log(props.title) } } 2.如果需要破坏道具,可以通过使用函数内部的toRefs来实现se.原创 2021-03-09 21:01:17 · 286 阅读 · 0 评论