- 博客(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关注的人