自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 vue2安装 node.js vue-cli 创建项目

原文链接:https://blog.csdn.net/m0_71345904/article/details/126147322。例如我想在桌面创建项目 我就从文件管理器 切换到桌面的工作路径 然后点击输入cmd 就可以成功在命令行切换到 桌面的工作路径。通过win+R键 输入cmd 进入命令行(桌面shift+鼠标右键,选择power管理员窗口也可以)选择之后 就开始创建项目了 (不安装淘宝镜像的话,这个过程比较耗时间)然后输入下方命令开始安装(一定注意注意空格,严格按步骤要求进行)

2023-04-12 21:32:57 279 1

原创 vue-router3 路由搭建

src根目录下创建router文件夹,并且创建index.js文件。在main.js中引入router。index.js文件写入下面代码。App.vue中配置下面代码。Vue3版本安装路由命令。让整个应用都使用路由。

2023-04-12 21:25:51 197

原创 组件封装

在使用 vue-cli 创建的项目中,组件的创建非常方便,只需要新建一个 .vue 文件,然后在 template 中写好 HTML 代码,一个简单的组件就完成了 一个完整的组件,除了 template 以外,还有 script和 style为什么不直接写 let myData = this.data 呢?因为直接赋值,对于对象和数组而言只是浅拷贝,指向的是同一个内存地址,其中一个改变另一个也会改变。而通过 JSON颠倒转换之后,实现了深拷贝,则可以互不影响。

2023-04-12 21:17:04 129 1

原创 vue的指令介绍

常用指令:v-html指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-text指令、v-bind指令、v-on指令、v-model指令等等。相当于以前,for前端,更新dom操作。注意:1:v-for 中可以声明一个变量也可以声明两个变量。v-html作用:插入一段html片段 相当于innerHTML;语法:v-for='(item,index) in vue变量'v-else及v-else-if使用。是渲染字符串,会覆盖原先的字符串。

2023-04-12 20:55:24 42 1

原创 vue生命周期

Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程,这是 Vue 的生命周期。beforeDestroy()销毁前。beforeCreat() 创建前。beforeupdate()更改前。beforeMount()挂载前。destroyed()销毁。created()创建。mounted()挂载。updated()更改。

2023-04-12 20:46:03 39 1

原创 computed 计算属性

(多个值变化,影响到一个结果) 属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。他是函数主要当作属性来使用,逻辑简单。computed 是vue的一个选项 将数据传到一个新数据中据算属性 和data同级。使用方式如下 添加元素累计加。

2023-04-12 20:41:00 31 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除