![](https://img-blog.csdnimg.cn/20210624085048591.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 81
本栏主要包含我学习Vue时所做练习、笔记以及体会心得
Etui۹(・༥・´)و ̑̑
拉屎之于工作,如同代码之于生活。
展开
-
Vue学习笔记(篇二)——Vue基础语法
Vue 基础语法1、Mustache语法形如"< h2 >{{message}}< h2 >"的语法格式,称之为Mustache语法注:mustache(胡子/胡须)2、v-once该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的)该指令表示元素和组件(组件后面才会学习)只渲染一次,不会随着数据的改变而改变。举例代码(练习): <div id="app"> <h2>{{message}}</h2>原创 2022-03-12 09:16:22 · 254 阅读 · 0 评论 -
Vue3学习笔记
注:笔记转自尚硅谷教育张天禹老师的Vue3教程,仅供学习参考!Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%原创 2021-10-09 09:32:35 · 409 阅读 · 0 评论 -
Vue基础语法练习,制作响应式商品购物车案例
本案例涉及的Vue知识点有:v-if、v-else、v-for、v-bind、v-on等本例主要包括三个文件:index.html、style.css、main.js案例效果图:案例要求:1、响应式的显示商品记录2、点击+、-按钮可以增加减少商品数量3、点击移除操作,删除对应记录4、表格下方总价格根据商品数量改变5、商品删除后,其余记录的id随之改变6、购物车清空后,页面直接显示“购物车为空!”字样案例源码:index.html<!DOCTYPE html><原创 2021-07-01 10:08:53 · 582 阅读 · 3 评论 -
Vue学习笔记(篇一)——Vue.js基础知识
一、Vue.js基础知识(一)Vue是一个渐进式框架,什么是渐进式? 1、渐进式意味着你可以将Vue作为你的应用的一部分嵌入其中,带来更丰富的交互体验。 2、或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。 3、比如Core+Vue+router+Vuex,也可以满足你各种各样的需求。(二)Vue有很多特点和Web开发中常见的高级功能 1、解耦视图和数据 2、可复用的组件 3、前端路由技术原创 2021-06-24 08:37:48 · 234 阅读 · 0 评论