![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
PythonWeb---Vue
文章平均质量分 69
前端Vue
布呐呐na
这个作者很懒,什么都没留下…
展开
-
Web前端开发篇(4)---vue3的props&生命周期&自定义Hooks
<button @click="add">增加</button><br><br><br><button @click="addDogs">再来一条狗</button>原创 2024-08-06 20:00:58 · 444 阅读 · 0 评论 -
Web前端开发篇(5)---vue3路由导航、路由嵌套、路由props配置
通过点击导航,视觉效果上“消失”的组件,默认是被卸载的,需要的时候再去挂载。原创 2024-08-07 15:50:45 · 555 阅读 · 0 评论 -
Web前端开发篇(2):vue3中ref与reactive创建响应式数据
v-if具有更高的切换开销,v-show具有更高的初始渲染开销。v-if 适用于条件不经常改变的场景,切换条件时的开销较大,因为需要重新渲染元素。v-show适用于条件经常改变的场景,切换条件时的开销较小,因为只是改变样式属性。当修改使用reactive创建的对象属性时,如果只修改对象的某个属性,则不会出现问题。指令用于条件性地渲染一个元素。它与v-if不同,在渲染时不管条件为真还是为假,都会渲染。上面两种写法均无法修改数据,页面不会更新,数据失去了响应式。注:原对象的数据也会跟随结构的数据的改变而改变!原创 2024-08-05 22:41:19 · 747 阅读 · 0 评论 -
Web前端开发篇(3)---vue3的计算属性computed&监视watch
/ 定义一个接口,用于限制person对象的具体属性id:string,age:number// 定义一个自定义类型let person:PersonInter = {id:"qwer1234", name:"张三", age:45}{id:"qwer1234", name:"张三", age:45},{id:"qwer1234", name:"张三", age:45},{id:"qwer1234", name:"张三", age:45}原创 2024-08-06 16:05:13 · 621 阅读 · 0 评论 -
Web前端开发篇(1):vue3入门指南
构建vue项目有多种方式,推荐使用,需要用到npm和node,新版本的node已经集成了npm,所以只需下载node即可。,按照流程傻瓜式安装即可,使用node -v验证安装。原创 2024-08-01 14:29:09 · 465 阅读 · 0 评论