![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 73
flame.liu
柳老师的CSDN
展开
-
Vue案例详解(七):制作登录页面
本篇文章写于2023年7月8日,使用的包和工具基本上都是最新的(Vue3, VS code),如果你查看的时间比较晚,请注意版本的区别.前面几篇文章介绍了Vue的使用,项目的搭建和一些基本信息.Vue3案例详解(一)_flame.liu的博客-CSDN博客Vue3案例详解(二)_flame.liu的博客-CSDN博客Vue3案例详解(三)_flame.liu的博客-CSDN博客Vue3案例详解(四)_flame.liu的博客-CSDN博客Vue3案例详解(五)_flame.liu的博客-CSDN博客。原创 2023-07-08 15:53:12 · 4931 阅读 · 0 评论 -
Vue3案例详解(六)
此篇文章编写于2023年7月6日.如果查阅时间太久请注意版本的迭代.本文主要介绍computed计算属性,以及相关语法的简写形式,例如()=>{},简化了官方案例,读起来会更加容易.所有内容都结合代码由详细的解释.编译工具用的是VSCode,建议拷贝到编译器进行学习.原创 2023-07-06 15:43:15 · 167 阅读 · 0 评论 -
Vue3案例详解(五)
主要内容:1.介绍使用computed,watch,watchEffect和普通方法的使用和区别2.进一步熟悉响应式数据原创 2023-07-06 11:46:24 · 160 阅读 · 0 评论 -
使用Visual Studio Code编写第一个Vue
在components文件夹下创建:child.vue文件,代码由两部分组成,js和template(也就是html代码)3) index.html 引用main.js,利用其将vue组件加载到页面.在你准备放置项目的地方创建一个文件夹,例如:D:\VSCodeProject。js是由vue框架书写,负责数据和逻辑,template负责内容的呈现.src/App.vue :父组件,引用了HelloWorld.vue。2) src/main.js 将组件加载到页面的一个对象.cd原创 2023-07-04 16:24:04 · 2957 阅读 · 0 评论 -
Vue3案例详解(三)
1.在简单项目中,将vue代码,js代码,直接写在html页面中,甚至可以不用到template,直接作用在html标签上;2.在复杂的项目中,代码可以被分成三个部分:vue,js,html,可以分别对应三类文件.Vue负责数据结构,逻辑处理和内容的呈现,js负责引用vue,并将vue组件挂载到html页面的一个标签中,html负责最后的呈现.如果Vue组件比较复杂,而且不能内容需要重复使用的话,可以考虑将功能更小话,也就是可以由多个Vue组成一个功能更强大的Vue.那么这些小的Vue被称为子组原创 2023-07-05 12:39:25 · 160 阅读 · 0 评论 -
Vue3案例详解(四)
本章主要介绍使用Vue组件实现数据列表的展现,搜索,排序功能.其中将会介绍一下几个知识点,具体使用在代码的注释中都比较完善:1.父组件传值给子组件,defineProps的使用.2.computed计算属性的使用3.以下函数的使用filter();reduce();Object.keys();some();slice();sort();原创 2023-07-05 20:40:12 · 387 阅读 · 0 评论 -
Vue3案例详解(二)
此篇文章编写于2023年7月5日.如果查阅时间太久请注意版本的迭代.本篇文章主要针对于初学VUE的新手,对vue网站上的案例进行了详细解释.我比较喜欢用详细的注释来进行学习,所以话不多,代码和注释管够.Vue代码的组织格式有两种:选项式,组合式,官方虽然没有明确表示哪种跟好一些,但是从实际情况来说,组合式代码更加的简洁(没有那么多大括号),而且与js代码组织形式更加的类似,所以我推荐使用组合式,当然,熟练了其中一个,另外一个也不会有问题.好了,不废话,我们开始.原创 2023-07-05 10:03:36 · 192 阅读 · 0 评论 -
Vue3案例详解(一)
上面的例子来源于Vue官网,我只是填上了对代码的理解和注释,注释应该是非常的详尽,大家可以拷贝代码到自己的项目进行查看和学习.1.使用VSCode创建好项目,在src/compenonts下创建demo1.vue。我比较喜欢用详细的注释来进行学习,所以话不多,代码和注释管够. 好了,我们现在开始。本篇文章主要针对于初学VUE的新手,对vue网站上的案例进行了详细解释.此篇文章编写于2023年7月4日.如果查阅时间太久请注意版本的迭代.原创 2023-07-04 22:23:15 · 572 阅读 · 0 评论