Vue export default 函数的构成

最新推荐文章于 2025-05-06 09:15:40 发布

蓝图

最新推荐文章于 2025-05-06 09:15:40 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： VUE

本文链接：https://blog.csdn.net/lbuskeep/article/details/106895444

VUE 专栏收录该内容

2 篇文章

订阅专栏

本文深入探讨了Vue.js框架中组件的注册与使用，以及各个生命周期钩子的调用时机，包括创建、挂载、更新和销毁阶段，对开发者理解和优化Vue应用具有指导意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
import CheckLogin'../login/CheckLogin';
export default {
        name : "Names",
        components: { // 组件注册
            CheckLogin
        },
        props: {// 属性注册
            name: {
                type: String,
                default: "名字"
            },
        },
        created() {// 模板渲染成html前调用，用于初始化属性值，然后再渲染成视图
        },
        mounted() {//在模板渲染成html后调用，通常用于初始化页面完成后，再对html的dom节点进行一些需要的操作
        },
        data() { // 为变量赋值
            return {
                msg: "Hello world !"
            };
        },
        methods: { // 创建js函数
            getLoginMsg(val) {
                console.log(val);
            }
        }
}
</script>