vue学习笔记
关注
分享
扫一扫
丰柏林
一生清贫怎敢误佳人
展开
-
使用js写一个播放语音提示的功能
利用window自带的speechSynthesis编写一个播放语音提示的功能之前利用百度的在线语音合成发现改不了其中的per属性，自己装了一下node包，发现cnpm引入的时候会与vue-admin-element里面的模块相冲突，导致项目崩掉。重新cnpm install之后项目跑起来了，于是开始使用window自带的编写。<template> <button @click="playVoice">播放通知</button></template>原创 2020-09-21 15:46:29 · 1573 阅读 · 0 评论 -
vue中初步使用store缓存获取当前登录用户id
首先 让我们看一下目录结构从这个目录结构可以看出，用户的信息被缓存在store目录下面的userInfo当中，那么如何查看原创 2020-04-20 19:35:54 · 6770 阅读 · 0 评论 -
Vue如何实现双向数据绑定
Vue如何实现双向数据绑定？.Object.defineProperty()函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...原创 2019-08-20 21:06:29 · 142 阅读 · 0 评论 -
vue路由的跳转方式
在vue中 路由的跳转方式主要有下列4种：1、跳转到上一次浏览的页面2、指定跳转的地址3、指定跳转路由的名字下4、通过push进行跳转希望对大家有所帮助<script>export default { methods:{ goToMenu(){ //跳转到上一次浏览的页面 //this.$route...原创 2019-05-12 20:05:39 · 1634 阅读 · 0 评论 -
如何使用的vue里面的组件
我们用es6的语法写template组件，具体代码如下index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="style.cs...原创 2019-05-08 07:05:46 · 383 阅读 · 0 评论 -
vue如何实例化多个对象
vue可以在js里面实例化多个对象代码如下index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="style.css">...原创 2019-05-08 06:42:00 · 3951 阅读 · 0 评论 -
vue中的v-for循环遍历
本篇博客主要介绍如何用vue遍历js文件中的数组和对象index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="style.cs...原创 2019-05-07 13:20:15 · 4787 阅读 · 0 评论 -
vue组件的生命周期以及钩子函数
附上一张图methods:{ changeTitle:function(){ // this.title = "changed"； this.$emit("titleChanged","子向父组件传值"); } }, beforeCreate:function(){ console.log("组件实例化之前执行的函数"); }, ...原创 2019-05-09 20:07:20 · 228 阅读 · 0 评论 -
vue中的v-if和v-show
在此注意，虽然代码是没有问题的，但是在实际操作中是不能用@来替代v-on指令，原因我也不清楚，如果有大佬看到了希望帮忙评论区解答v-show在实际使用过程中，会在控制台里面生产display的属性如果是false则display：noneindex.html<!DOCTYPE html><html lang="en"><head> <met...原创 2019-05-07 10:52:49 · 127 阅读 · 0 评论 -
Vue-动态绑定CSS样式
在这一片博客里面主要讲解了如何通过@:click也就是（v-on:click）来绑定css样式进行动态控制index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="...原创 2019-05-07 09:49:26 · 1545 阅读 · 0 评论 -
vue-计算属性讲解小例
附有同一文件夹下的html文件和js文件注释说的很详细index.html的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="styl...原创 2019-05-07 07:16:21 · 148 阅读 · 0 评论 -
vue实现数据的双向绑定
实时同步的是数据双向绑定index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="style.css"> <scr...原创 2019-05-06 23:10:46 · 280 阅读 · 0 评论 -
vue键值修饰符
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="style.css"> <script src="http...原创 2019-05-06 22:45:30 · 233 阅读 · 0 评论 -
Vue-事件修饰符(once:prev:stop)
附有同一文件夹下的html文件、js文件和css文件注释说的很详细index.html的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href...原创 2019-05-06 21:56:30 · 856 阅读 · 0 评论 -
vue实现单击、双击、鼠标事件
附有同一文件夹下的html文件、js文件和css文件注释说的很详细index.html的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href...原创 2019-05-06 15:56:16 · 9527 阅读 · 2 评论 -
关于Vue中props的详解
关于Vue中props的详解2018年07月23日 00:11:08 jingtian678 阅读数：24379看一下官方文档：组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。也就是props是子组件访问父组件数据的唯一接口。详细一点解释就是：一个组件可以直接在模板里面渲染data里面的数据...转载 2019-05-09 07:04:09 · 23184 阅读 · 0 评论 -
vue基础（实例化、数据、方法、属性绑定）
附有同一文件夹下的html文件和js文件注释说的很详细index.html的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="styl...原创 2019-05-06 15:15:33 · 465 阅读 · 0 评论