【前端】Vue 个人知识体系
学习笔记以及开发中遇到问题记录
共你山今
偶尔更新一些学习笔记,如果觉得对你有帮助就素质三连。
展开
-
【vue.js Day05】事件修饰符
事件修饰符 使用.stop阻止冒泡 <div class="inner" @click.stop="divclickHandle"> <input type="button" value="戳他" @click.stop="btnHandler"> </div> 使用 .prevent 阻止默认行为 <a href="www.baidu.com" @click.prevent.once="linkclick">有问题,去百度</原创 2020-09-10 21:31:29 · 64 阅读 · 0 评论 -
【Vue.js学习笔记Day04】v-on指令以及简单跑马灯操作
前言 在没有使用vue.js的时候,而使用JavaScript时我们将都是操作dom树来进行点击事件的操作,这样写起来是很麻烦,代码如下进行操作 <input type="button" id="show"> <script> document.getElementById("show").onclick=function(ev){ alert("hello"); } </script> 但是在vue中使用v-on就可以直接绑定事件进行操作,而且只要在methods里原创 2020-09-07 22:51:24 · 113 阅读 · 0 评论 -
【Vue.js学习笔记Day03】v-bind指令的学习
前提:如果我们想要修改按钮标签的标题的话,如果直接赋值在title里面是无法渲染出来的,他只能把data里面需要渲染的数据直接当成字符串解析出来,达不到我们想要的效果,先看代码再看效果图。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-bind指令</title> </head> <body>原创 2020-09-05 22:46:27 · 119 阅读 · 0 评论 -
【Vue学习笔记day2】讲解v-cloak、v-text、v-html基本使用
讲解v-cloak、v-text、v-html基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-cloak\v-text\v-html的基本使用</title> </head> <body> <div id="app">原创 2020-09-04 21:50:32 · 127 阅读 · 0 评论 -
【Vue学习笔记 Day01】Vue基本代码和MVVM之间的对应关系
Vue基本代码和MVVM之间的对应关系 1、导入vue的包 <script scr="lib/vue.js"> 2、创建一个Vue实例,当我们导入包之后,在浏览器内存中就多了一个Vue的构造函数 var vm = new Vue({}) 3、el:表示当前我们new的这个实例,要控制页面上的哪个区域 var vm = new Vue({ el:'#app', }) 4、data属性中,存放的是el中要使用到的数据 var vm = new Vue({ el:'#app',原创 2020-09-02 21:37:13 · 164 阅读 · 0 评论