12 2024 档案
摘要:一、v-text指令 1、作用:渲染所在节点的文本内容 2、区别:与插值语法的区别,v-text会替换掉节点的内容,{{xx}}不会 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport
阅读全文
摘要:作用:实现一些简单的逻辑,前面的结果作为输入值给后面(与管道符类似) 语法 1、定义,默认带value //局部,vue中, 有返回值 filters:{ 过滤器名(value){ return 值 } } //全局,全局过滤器定义在vm前面 Vue.filter(过滤器名称, function(v
阅读全文
摘要:收集表单数据 若<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。 若<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。 若<input type="checkbox"/> 1、没有
阅读全文
摘要:注意:在vm(data)的根数据,不能使用 Vm.set() /vm.$set() 一、监视 1、vue会监视data中所有层次的数据、 2、对象数据 a、对象中添加属性,vue默认不做响应 b、对象添加属性,vue做响应,通过如下api Vue.set(target, 属性, 值) vue.$se
阅读全文
摘要:一、基础 1、v-for用来展示列表数据 2、语法 v-for="(value, index) in xx" :key="唯一标识" 3、可遍历:数组、对象、字符串 注意:先是值,再是索引 注意:key="",key等于的值是唯一标识 <!DOCTYPE html> <html lang="en">
阅读全文
摘要:一、v-show 写法:v-show="表达式" 适用于切换频率较高的场景 特点:不展示的DOM元素未被移除,仅仅是隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont
阅读全文
摘要:一、class样式 写法:class="xxx",xxx可以是字符串、数组、对象 字符串写法适用于 类名不确定 要动态获取 数组写法适用于:绑定多个样式,个数不确定,名字也不确定 对象写法适用于:要绑定多个样式,个数确定,名字也确定,不确定是否使用{a:false, b:false} 二、style
阅读全文
摘要:监视属性 1、监视对象:普通属性、计算属性 2、当监视对象发生变化时,watch中的handler函数自动调用 3、常用属性 immediate:true 立刻执行,无论监视对象发没发生变化 depp: true 深度属性监视,一般只监视一层 4、两种写法 new Vue 传入 watch watc
阅读全文
摘要:1、定义:要用的属性不存在,要通过已有的属性计算 2、get函数 初次读取,执行一次,有缓存,当计算属性所依赖的属性发生变化事,计算属性发生变化 当只需要实现get函数时,可以简写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
阅读全文
摘要:一、事件处理 1、使用v-on:xxx 或xxx 绑定事件,其中xxx是事件名 2、methods中函数不能是箭头函数 3、@click="test" 和@click="test($event)"一样,后者能传参 <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文
摘要:1、概念 通过vm对象来代理data对象中属性的操作(读/写) 2、好处 更方便操作data中的数据 3、基本原理 通过Object.defineProperty()把data中的属性添加到vm中 为每一个添加到vm上的属性,都指定一个getter/setter 在gettter/setter内部去
阅读全文
摘要:MVVM模型 M:模型(Model),data中的数据 V:视图(View),模板代码 VM:视图模型(ViewModel):Vue实例化 1、data中的所有属性都出现在vm对象身上 2、vm身上的所有属性及Vue原型的所有属性,在Vue模板中可以直接使用 <!DOCTYPE html> <htm
阅读全文
摘要:一、el 1、实例化Vue对象时,写在内部 2、实例化Vue对象后,挂载容器 对象.$mount(id选择器) 二、data 1、对象式 2、函数式 注意:写成一般函数(一般函数在对象中可简写),不能写成箭头函数 案例 <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要:一、单向数据绑定 数据从data流向页面 v-bind:标签属性,简写 :标签属性 二、双向数据绑定 数据不仅能从data流向页面,也能从页面流向data 注意:只能用于含vaule属性的标签 v-model:value,简写v-model: 案例 <!DOCTYPE html> <html lan
阅读全文
摘要:一、插值语法 功能:解析标签体内容 写法:{{xxx }},xxx可获得值,数据在实例化 Vue data属性中 二、指令语法 功能:解析标签(标签属性、标签内容、绑定时间) 写法:v-bind:标签属性,绑定标签属性,可以简写成 :标签属性 案例 <!DOCTYPE html> <html lan
阅读全文
摘要:一、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要:一、下载 js包 二、引用js包 <!--引用Vue包--> <script type="text/javascript" src="../js/vue.js"></script> 三、安装Vue Devtools 1、下载链接:链接:https://pan.baidu.com/s/1tKqpbZM
阅读全文
摘要:一、报错 二、定位(项目所在文件夹) 三、改名(添加图片,重命名)
阅读全文
摘要:一、HTML CSS Support 二、JavaScript 三、Live Server 四、Auto Rename Tag 五、Vetur 六、Vue 3 Snippets 七、Htlm Embeedded Javascript 八、语言包 九、Vue Official
阅读全文
摘要:import pandas as pd from sqlalchemy import create_engine # username="root" password="@WSX3edc" host="127.0.0.1" port=3306 database="test" engine = cre
阅读全文
摘要:https://blog.csdn.net/wglink/article/details/127998343 一、增 # 增 def insert_data(name, category,price,quantity): with connection.cursor() as cursor: sql
阅读全文
django.core.exceptions.ImproperlyConfigured: mysqlclient 1.4.0 or newer is required; you have 0.9.1.
摘要:pymysql.version_info = (1, 4, 13, "final", 0)
阅读全文
摘要:
阅读全文