学习vue的一些注意点

本文介绍了Vue项目创建方法,包括VueCLI的使用,Vue的八个生命周期函数,内容自适应的CSS技巧,以及如何区分route和router的区别。同时提到了VScode中重命名文件的常见问题及解决方法。
摘要由CSDN通过智能技术生成

1.创建项目:

步骤:

        -vue create + 文件名回车即可选择创建vue项目

小技巧:

        -在文件夹目录中,按住shift的同时右键即可全部展开右键项目,如图:

2.vue的八个生命周期函数钩子:

        -beforeCreate()

        -created()

        -beforeMount()

        -mounted()

        -beforeUpdate()

        -updated()

        -beforeDestroy()

        -destoryed()

        -注意:

                -vue3中的setup在beforeCreate()前执行

3.盒子宽度根据内容大小自动撑开:
        -width: fit-content

        -最好搭配内边距一起使用

4.怎么区分route和router?

        -route是获取浏览器地址栏上面的值

                -this.$route.query.xxx

        -router是跳转路由

                -this.$router.push(路径) - 可返回上一页

                -this.$router.replace(路径) - 不可返回上一页

5.VScode中重命名文件卡顿,甚至无法修改?

        -关闭正在运行的项目,直接切CMD控制台,CTRL+c即可

        -然后再重命名,完事记得重启项目

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值