Vue
文章平均质量分 55
爱与永恒369
我是一个正在学习且对前端充满兴趣的Web前端爱好者!!!
展开
-
Vue-cli脚手架
Vue-cli脚手架安装与创建原创 2022-06-12 10:23:08 · 526 阅读 · 1 评论 -
webpack5.0最新安装
1.首先应该先安装node.js网址:https://nodejs.org/zh-cn/最好选择如图所圈出来的长期维护版,它比较稳定。在你安装好了后,可通过命令提示符来检测。打开命令提示符之后,输入:node -v出现如图所示的版本号(可能版本号不一样),就是安装成功了:接下来就是配置环境在node.js所在的文件夹中创建两个文件夹分别为:node_globalnode_cache然后在命令提示符中分别输入:npm config set pr.原创 2022-05-03 16:48:33 · 2235 阅读 · 0 评论 -
Vue组件化
1.什么是组件化?在我们将一个页面的处理逻辑全部放在一起时,处理起来就非常的麻烦,而且不利于后期的管理与维护。我们可以将一个页面拆分成一个个的功能块,每个功能块用来完成属于自己这部分独立的功能。那么这样做之后整个页面就会变得非常容易管理与维护。Vue组件化:组件化是vue.js中的重要思想,他提供一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都可以被抽象成一颗组件树。而在有了组件化思想,我们就可以在开发过程中尽可能地将页面拆分成一个个小的、可复用的组件。那么在原创 2022-04-28 11:15:09 · 1350 阅读 · 0 评论 -
v-on事件监听
v-on用于监听用户发生的事件,例如点击、拖拽等1.v-on基本使用与语法 作用: 绑定事件监听器 缩写(语法糖): @例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont...原创 2022-04-24 08:30:17 · 594 阅读 · 0 评论 -
v-bind绑定
在Vue中v-bind用于绑定一个或多个属性值,或者向另一个组件传递Props值。1.v-bind介绍作用: 动态绑定属性语法: v-bind: 属性名 = "数据名"缩写(也叫语法糖):: 属性名 = "数据名"2.v-bind动态绑定class(对象方法) 语法: v-bind: class= { 类名1: 布尔值, 类名n......}例:<!DOCTYPE html><html lang="en"><hea...原创 2022-04-23 10:28:26 · 2086 阅读 · 0 评论 -
Vue中的插值操作
1.Mustache(英文:胡子)语法Mustache也就是我们常使用的双大括号作用: 将data中的文本数据,插入HTML中(响应式),在其中不仅可以直接写变量,也可以写简单的表达式。例:<div id="app"> <h2>{{message}}</h2> </div> //所下载的Vue <script src="../vue.js"></script> <script> con原创 2022-04-19 17:56:18 · 1544 阅读 · 0 评论