Vue3.0基于Proxy 实现的数据更变检测支持Composition API和Options API，以及typings

时间：2019-12-02 19:08:36 收藏：0 阅读：253

Composition API 纯函数式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app"></div>
<script src="vue.global.js"></script>
<script>
    // Composition API
    const App = {
        setup () {
            let state = Vue.reactive({name: ‘wyq‘, age: 18});
            const other = function () {
                console.log(‘111‘);
                state.name = ‘点击了‘
            };
            Vue.onMounted(() => {
                console.log(‘dom加载完了‘)
            });
            Vue.effect(() => {
                console.log(state.name)
            })
            return {
                state,
                other
            }
        },
        template: `<div @click="other">{{state.name}}</div>`,
    }
    Vue.createApp().mount(App, app)
</script>
</body>
</html>

　　ts实现类型推断函数式编程响应式才是核心

原文：https://www.cnblogs.com/QQPrincekin/p/11972401.html

Vue3.0基于Proxy 实现的数据更变检测 支持Composition API和Options API，以及typings

Vue3.0基于Proxy 实现的数据更变检测支持Composition API和Options API，以及typings