摘要:类选择器 class 标签中加入 <p class = "speak"> <style> .speak :{ color: red } <style>
阅读全文
摘要:^(([1-9][0-9]*)(\.\d{1,2})?|0\.\d{1,2})$这个是匹配 非零开头的正整数和保留两位小数,小数可以零开头一、校验数字的表达式 数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字
阅读全文
摘要:使用 v-model 后,表羊控件显示的值只依赖所绑定的数据,不再关心初始化时的 value 属性,对于 textarea></textarea> 之间插入的值,也不会生效. 使用 v-model 时,如果是用中文输入法输入中文,一般在没有选定饲组前,也就是在 拼音阶段, Vue 是不会更新数据的,
阅读全文
摘要:computed 计算属性 正则 css部分 [v-cloak] { display : none ; } table{ border : lpx solid #e9e9e9 ; border- collapse: collapse ; border-spacing : 0; empty-cells
阅读全文
摘要:基本用法 监听点击事件 v-on 缩写:@ 预期:Function | Inline Statement | Object 参数:event 修饰符: .stop - 调用 event.stopPropagation()。 .prevent - 调用 event.preventDefault()。
阅读全文
摘要:比如 <span >{{ 奥利给 }}</span> 直接显示 {{ 奥利给 }} ,而不是显示奥利给 基本指令 template 不能加style 如果想加就在在外层对应的 div 上加 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t
阅读全文
摘要:模板内的表达式常用于简单的运算,当其过长或逻辑复杂时,会难以维护,本章的计算属性就是用于解决该问题的。 通过上一章的介绍,我们己经可以搭建出一个简单的 Vue 应用,在模板中双向绑定 些数据 或表达式了。但是表达式如果过长,或逻辑更为复杂时,就会变得雕肿甚至难以阅读和维护,比如: <div> {{
阅读全文
摘要:Vue .js 的官方文档中是这样介绍它的。 简单小巧的核心,渐进式技术拢,足以应付任何规模的应用。 简单小巧是指 vue.js 压缩后大小仅有 17k 。所谓渐进式(Progressive ),就是你可以 步、有阶段性地来使用 Vue.js ,不必一开始就使用所有的东西。随着本书的不断介绍,你会深
阅读全文
摘要:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 需要的自己来看吧 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x
阅读全文
摘要:修饰符 在上例使用的 event.pr巳ventDefault()也可以用 Vue 事件的修饰符来实现,在@绑定的事件后加 小圆点“.”,再跟一个后缀来使用修饰符。 Vue 支持以下修饰符: • .stop • .prevent • .capture • .self • .once 具体用法如下:
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <!-- <ul v-for="book in books" :key='index'> <li>{{book.name
阅读全文
摘要:看不懂了昂,记录一下,慢慢理解吧 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="app" > 姓名:{{ fullName }} </div> <s
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="app" > 总价{{ prices }} </div> <script src="https://u
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="app" > {{ date | formatDate }} </div> <script src="
阅读全文
摘要:theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c
阅读全文
摘要:这是一个比较简单,正常的上传文件流程,具体的特殊情况可能还需要具体再讨论————————————————版权声明:本文为CSDN博主「YorcentLuo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/yorc
阅读全文