- 博客(9)
- 收藏
- 关注
RSS订阅原创 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
2400
原创 Vue组件化
1.什么是组件化？在我们将一个页面的处理逻辑全部放在一起时，处理起来就非常的麻烦，而且不利于后期的管理与维护。我们可以将一个页面拆分成一个个的功能块，每个功能块用来完成属于自己这部分独立的功能。那么这样做之后整个页面就会变得非常容易管理与维护。Vue组件化：组件化是vue.js中的重要思想，他提供一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都可以被抽象成一颗组件树。而在有了组件化思想，我们就可以在开发过程中尽可能地将页面拆分成一个个小的、可复用的组件。那么在
2022-04-28 11:15:09
1435
原创 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
671
原创 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
2199
原创 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
1635
原创 设置＜hr＞标签的样式
在我们的实际开发中，可能有的时候是避免不了需要用到水平线。但是我们发现它本身的样式又 不太美观，然而当我们直接对它进行设置样式的时候发现无法进行设置，在这个时候我们可以用以下的方法来设置：原始方法设置:html<div class="hr"> <h1>标题</h1> <hr></div>cssbody{ background: Gainsboro;}hr{ color: red;}.
2022-04-14 13:56:59
1478
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人