06 2020 档案
Content-Type
摘要：Content-Type（内容类型），一般是指网页中存在的 Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件。 常见的媒体格式类型如下： text/html ： HTML格式 text/plain ：纯文本格式 text/xml ： XML格
阅读全文
vue数组的增改和v-model的绑定使用Demo
摘要：效果图： 实现代码： <template> <div> <div class="all"> <p>综合小练习</p><br> 姓名：<input type="text" v-model="newPerson.name"><br> <p></p> 年龄：<input type="text" v-mod
阅读全文
vueDemo补充
摘要：<div id="app"> 手机：<input type="text" v-model="newProject.name" value="" name="phone"> 库存：<input type="text" value="0" v-model="newProject.num" name="n
阅读全文
vueDemo
摘要：实现代码 <div id="app"> 手机：<input type="text" v-model="newProject.name" value="" name="phone"> 库存：<input type="text" value="0" v-model="newProject.num" na
阅读全文
vue中输入框v-mode绑定
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
Vue.js 组件
摘要：组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格式如下例子： <div id="app"> <runoob>
阅读全文
v-model 修饰符
摘要：.lazy 在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步： <!-- 在 "change" 而不是 "input" 事件中更新 --> <input v-model.lazy="msg" > .
阅读全文
Vue.js 表单（单选&复选框）
摘要：v-model 指令在表单控件元素上创建双向数据绑定。 复选框： <div id="app"> <p>单个复选框：</p> <input type="checkbox" id="checkbox" v-model="checked"> <label for="checkbox">{{ checked
阅读全文
watch监听事件
摘要：Vue.js 监听属性 watch，可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器： <div id="app"> <p>当前数字：{{count}}</p> <button type="button" v-on:click="add()">+</button> <
阅读全文
router路由配置
摘要：vue项目中router路由配置 介绍 路由：控制组件之间的跳转，不会实现请求、不用页面刷新，直接跳转-切换组件》》》 安装 本地环境安装路由插件vue-router： cnpm install vue-router --save-dev *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安
阅读全文
循环使用 v-for 指令。
摘要：循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： <div id="app"> <ol> <li v-for="site in
阅读全文
v-else-if（v-show)
摘要：<div id="app"> <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> <div v-else> Not A/B/C </div> </
阅读全文
v-on 缩写
摘要：<!-- 完整语法 --> <a v-on:click="doSomething"></a> <!-- 缩写 --> <a @click="doSomething"></a>
阅读全文
v-bind 缩写
摘要：Vue.js 为两个最为常用的指令提供了特别的缩写： <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a>
阅读全文
v-model 指令来实现双向数据绑定
摘要：<div id="app"> <p>{{ message }}</p> <input v-model="message"> </div> <script> new Vue({ el: '#app', data: { message: 'Runoob!' } }) </script>
阅读全文
正则
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body> <p>请输出一个 5 到 10 之间的数字:</p> <input id="demo" type="text">
阅读全文
Email地址验证
摘要：<script>function validateForm(){ var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 |
阅读全文
表单属性
摘要：HTML5 表单属性 HTML5 新的表单属性 HTML5 的 <form> 和 <input>标签添加了几个新属性. <form>新属性： autocomplete novalidate <input>新属性： autocomplete autofocus form formaction form
阅读全文
Javascript正则表达式
摘要：JavaScript 正则表达式 正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 什么是正则表达式？ 正则表达式是由一个字符序列形成的搜索模
阅读全文
Vue.js 安装
摘要：1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国内） : https
阅读全文
