Skip to main content

Marshio

springboot-demo
A springboot project for dependencies usage
My Site
未完成备案,暂不支持访问
bookshelf
Detailed description of the book
yuque
Detailed description of the article
steam
Detailed description of the article
脚手架创建应用

使用脚手架创建应用

下载脚手架（CLI）

pnpm i -g @vue/cli

创建一个项目

这里会让你选择vue的版本和包管理工具，也可以使用本脚手架创建vue3应用，但是官方更推荐使用vite创建vue3应用

MarshioLess than 1 minute
API 风格

选项式API（Options API）

使用选项式API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data，methods，mounted，computed 等，选项所定义的属性都会暴露在函数内部的this上，它会指向当前的组件实例。

export default {
    name: 'Demo',
    // name 就是一个选项
    data() {
        // data也是一个选项
        return {
            age: 18
        }
    },
    methods: {
        // methods也是一个选项
        grow() {
            this.age+=1
        }
    },
    computed() {
        // computed也是一个选项

    }
}
MarshioLess than 1 minute
ref & reactive

ref

支持定义基本类型、对象类型的数据为响应式数据，且声明的对象类型为RefImpl，其数据存储在value中。

reactive

只支持定义对象类型的数据为响应式数据，且声明的对象类型为Proxy,其数据存储在Target元素中。

toRefs

MarshioAbout 1 min