- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue之路由导航传参
在vue路由中，给路由传参有两种方法query params一、query传参相当于Node中用get方式传参，传参的内容会拼接到路径上 可使用声明式导航，编程式导航 query是一个对象形式的传参代码案例<div id="app"><!-- <router-link to="/login">登录</router-link>--><!-- 使用path（组件相对应的路由名称），传递的参数用query对象来传递.
2022-05-25 16:31:49
510
原创 Vue之vue router进阶
在vue路由中，路由也分几个种类普通路由 默认路由 嵌套路由在之前的vue路由入门中所讲的便是普通路由 ，接下来我将继续探讨其他路由一、默认路由在Vue中，路由组件需要通过router-link进行加载，如果在不手动点击router-link的前提下访问路由组件，那么需要设置被访问的路由组件为默认路由代码实例HTML<div id="app"> <router-link to="/register">注册</router-link>
2022-05-24 16:20:48
299
原创 Vue之vue Router入门
vue router在整个vue里面是非常重要的一部分，所以必须牢牢掌握一、什么的vue routervue router也叫vue路由，它类似于Node中的路由，但它们有一点点的不同Node路由：是根据不同的请求地址，来执行不同的代码 Vue路由：是根据不同的路径，来执行不同的组件再来温习一下组件组件注册：全局注册和局部注册 组件分类：路由组件和普通组件二、使用vue路由第一步:引入vue-router引入vue-router.js，可以从官网上可以拿到注意：引入的顺序
2022-05-23 17:36:01
1921
原创 Vue之三级联动
vue的三级联动本质上和js的联动是一样的，只不过需要注意一下细节问题<div id="app"> <selects></selects></div><template id="sel"> <div> <select v-model="text" @change="changCity();changCity1()"> <option v-for="(
2022-05-23 17:08:36
5539
原创 Vue之组件嵌套和组件通信
一、组件嵌套1.声明子组件//子组件 let zi= { template:'#zi' }2.声明父组件//父组件 let fu= { template:'#fu', //父组件嵌套子组件的时候，需要用components components: { zi } }注意：谁被嵌套谁写到前面，比如父组件嵌套子组件，那么子组件要写到父组件前面去3.声明
2022-05-19 13:37:35
610
原创 vue组件之全局注册和局部注册
一、什么是组件组件：是由HTML、CSS、JavaScript所组成，是把某块效果界面封装起来，提供了界面效果【代码】的复用性【类似于Bootstrap】二、全局注册全局注册：当vue创建的时候，不管这个组件是否使用，都会被加载，这样的方式会比较占内存入门程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l
2022-05-18 15:18:17
4717
原创 Vue之key值的解读
一、为什么会存在key值这个属性？当元素之间进行对比的时候，如果元素有key值，那么直接通过key值进行比较二、key值的注意事项1、一旦使用v-for指令，必须设置key值2、如果key值设置的是index下标，并且添加数据时，不是逆序的，那么可以使用3、key值建议使用ID下面我用代码，解释为什么最好不要用index作为key的值<!DOCTYPE html><html lang="en"><head> <meta ch
2022-05-16 20:06:53
1381
原创 Vue之watch
一、什么是watchwatch:用于监听data里面的数据是否被修改，一旦修改就可以执行一些其他的操作【也是方法】二、解析watchwatch在监听的时候，可以有二次参数，第一次参数为更新的数据，第二个参数为之前的旧数据 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &l
2022-05-16 19:59:19
70022
原创 Vue之computed深度解析
一、什么是computedcomputed是一个计算属性和methods一样可以存放函数。二、computed和methods的不同1.computed是存放一些关于运算的函数，而methods存放的是逻辑之类的函数2.computed的里面的函数，在第一次调用的时候，会直接执行（执行成功后，会存放到缓存里面去），但在第二次调用的时候，只要数据没有发生改变，会直接从缓存里面获取数据。只要数据没改变就只会执行一次而methods是每次调用都会执行三、剖析computed我们写的co
2022-05-16 19:48:24
2413
原创 Vue之v-model
一、什么是v-model在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。数据的双向绑定：数据渲染到页面 + 页面更改数据更新data中的属性和页面中输入和修改的标签进行绑定，通过v-model，这样输入框的数据【也就是页面的数据发送改变】，data属性值发送改变二、代码<!DOCTYPE html><html lang="en"><head> <meta
2022-05-16 09:41:28
291
原创 Vue事件获取事件对象之event.currentTarget
今天在学习vue的时候，在进行tab栏切换的时候，突然发现不能像jquery一样$(this)获取事件，然后才发现在vue里面获取事件对象可以用event.currentTarget来获取一、获取事件对象js的事件可以直接用this获取事件对象， jQuery可以使用$(this)来获取事件对象。 vue借助事件的 event 对象 currentTarget 获取事件对象二、event.currentTargetHTML <ul> <li v-for="
2022-05-11 21:07:26
2697
原创 Vue之v-if和v-show，外加v-if VS v-show
一、v-ifv-if：主要是根据条件进行显示或隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue入门程序</title></head><body><!--引入vue.js--><script src="../../public/js/vue.min.js">
2022-05-10 17:55:20
616
原创 Vue之v-for和v-for为什么强烈不推荐和v-if用在一起
一、什么的v-for：v-for就是循环遍历数据二、v-for的使用 1.遍历普通数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue入门程序</title></head><body><!--引入vue.js--><script src=".....
2022-05-10 15:59:09
292
原创 Vue之渲染数据
一、插值表达式<!-- 创建容器--><div id="container"><!-- 插值表达式 {{属性}}--> <h1>{{name}}</h1></div>注意：插值表达式，在渲染数据的时候，会出现插值闪烁什么是插值闪烁？当数据不是定死的，而是通过某种方式获取到的，那么当网络延迟的时候，页面会显示插值表达式的语法，等网络加载完毕时，数据才会渲染到页面上<script>
2022-05-10 11:44:41
920
原创 初识Vue
一、什么的Vue官方说法就是：Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。按我来说：首先Vue是一套用于构建用户界面的渐进式的JavaScript框架，那肯定又有人迷了，什么的构建用户界面，什么的渐进式啊，这不是还看不明白吗，坑人博客不看了...下面我就为大家一
2022-05-09 19:32:44
1070
原创 Node.js内置模块之http模块
一、什么是 http 模块首先，我们先了解一下什么是客户端、什么是服务器？在网络节点中，负责消费资源的电脑，叫做客户端；负责对外提供网络资源的电脑，叫做服务器。http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务。二、进一步理解 http 模块的作用服务器和普通电脑的区别在于，服务器上安装了 web 服务.
2022-05-09 14:25:57
697
原创 Node.js内置模块之path模块
1.什么的path路径模块path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。path.join() 方法，用来将多个路径片段拼接成一个完整的路径字符串path.basename() 方法，用来从路径字符串中，将文件名解析出来如果要在 JavaScript 代码中，使用 path 模块来处理路径，则需要使用如下的方式先导入它：2.路径拼接 2.1：path.join() 的语法格式使用 pa...
2022-05-08 18:32:46
967
原创 Node.js内置模块之fs模块
1.什么的fs文件系统模块fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。fs.readFile() 方法，用来读取指定文件中的内容fs.writeFile() 方法，用来向指定的文件中写入内容注意：如果要在JavaScript中，使用fs模块的话，必须使用一下方法来导入该模块2.读取指定文件的内容2.1:fs.readFile()的语法格式使用 fs.readFile() 方法，可以读取...
2022-05-07 17:13:48
1661
原创 Node.js
1.1Node.js简介1.什么的Node.jsNode.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，[1]让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好，V8引擎执行Javascrip..
2022-05-06 21:10:45
451
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人