陪你去流浪_-CSDN博客

插件使用html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2021-07-05 17:46:44 79

原创 Vue_1-13_自定义指令

自定义指令<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&

2021-07-05 17:43:05 94

内置指令 ref和v-cloak<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-07-05 17:41:45 94

原创 Vue_1-11_过滤器

过滤器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt

2021-07-05 17:39:43 84

原创 Vue_1-10_过度+动画

Vue过度+动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit

2021-07-05 17:37:56 101

原创 Vue_1-9_生命周期函数

Vue生命周期<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2021-07-05 17:34:38 81

原创 Vue_1-8_表单输入绑定

表单输入绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

2021-07-02 18:06:54 70

原创 Vue_1-7_事件处理(监听+事件修饰符+按键修饰符)

事件处理(监听+事件修饰符+按键修饰符)<!-- 1.绑定监听 v-on:xxx="fun" #xxx="fun" @xxx="fun(参数)" 默认事件形参： event 隐含属性对象：$event 2.事件修饰符 .prevent：阻止事件的默认行为 event.preventDefault()

2021-07-02 18:04:55 144

原创 Vue_1-6_列表的搜索+排序

列表的搜索+排序 <div id="app"> <input type="text" v-model="searchName"> <ul> <li v-for="(i,index) in filterPersons" :key="index"> {{index}}---{{i.name}}

2021-07-02 18:02:52 74

原创 Vue_1-5_列表渲染v-for+splice()用法

列表渲染v-for+splice()用法  <div id="app"> <h3>测试：v-for遍历数组</h3> <ul>

2021-07-02 18:00:36 624

原创 Vue_1-4_条件渲染指令v-if、v-else、v-show

条件渲染指令v-if、v-else、v-show  <div id="app"> <p v-

2021-07-02 17:55:43 144

原创 Vue_1-3_class绑定+style绑定

class绑定+style绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-07-02 17:51:08 71

原创 Vue_1-2_计算属性+监视

计算属性+监视<div id="app"> 姓：<input type="text" placeholder="First Name" v-model="firstname"><br> 名：<input type="text" placeholder="Last Name" v-model="lastname"><br> 姓名1：<input type="text" placeholder="

2021-07-02 17:46:07 83

原创 Vue_1-1_模板语法

模板语法<div id="app"> <h3>双大括号表达式</h3> <p>{{msg}}</p>  大写：<p>{{msg.toUpperCase()}}</p> v-text：<p v-text="msg"></p> <!--textContent 解析成

2021-07-02 17:32:35 81

原创 Vue_1-0_Vue基本框架+简单数据绑定

Vue基本框架+简单数据绑定<div id="app"><input type="text" v-model="message"> <p>Hello {{message}}</p></div><script src="./js/vue.js"></script><script>//创建Vue实例vm，Vue是一个vue.j

2021-07-02 17:23:08 71

原创 Day03-JavaScript的六种数据类型

JavaScript的六种数据类型5种基本数据类型 + 1种引用数据类型String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象（引用数据类型）String 字符串在js中字符串需要使用引号引起来，单引号、双引号均可3引号不能嵌套，双引号里面不能放双引号，单引号里面不能放单引号（但单引号里面可以放一个双引号，双引号里面也可以放单引号）在字符串中，表示一些特殊符号时，我们可以使用 \ 作为转义字符

2021-07-01 11:43:53 73

原创 Day02-JavaScript基本语法.md

JavaScript基本语法js注释，不会被执行，但可以在源代码中查看//单行注释/**/多行注释JS中每一条语句以分号结尾（如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且有些时候浏览器会加错分号，因此在开发中分号必须写;）JS中会忽略多个空格和换行，因此我们可以通过空格和换行对代码格式化js中严格区分大小写，html里则不区分大小写...

2021-06-30 17:49:13 170

原创 Day02-JavaScript代码编写的位置

JavaScript代码编写的位置外部文件（写在外部文件中，可以在不同的文件同时引用，也可以利用到我们浏览器的缓存机制，推荐的方式）标签的属性中（虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐）script标签里<script src="./js/js编写位置.j

2021-06-30 17:38:22 60

空空如也

空空如也