Vue：初识Vue
1、首先要导入vue.js
<!-- 当你使用script标签安装vue之后，上下文就注册了一个全局变量vue --><script src="../1.Vue/js/vue.js"></script>不能直接调用vue()，需要new vue(),否则会报错。
2、关于vue构造函数的参数options。。。
①Vue框架要求这个options参数必须是一个纯粹的js对象：{}
②在{}对象中可以编写大量的key:value对(键值对)，一个键值对就是一个配置项。
③主要是通过options这个参数来给Vue实例指定多个配置项。
<body><!-- <div id="app"></div> --><div class="as"></div><script>const myVue = new Vue({// template: '<h1>hello vue！！！</h1>',template: '<h3>你好，vue</h3>'})// myVue.$mount("#app")myVue.$mount(".as")</script>
</body>3、关于template配置项：
①用来指定模板语句，模板语句是一个字符串形式的。
②模板语句可以是一个纯粹的HTML，可以是Vue中的特殊规则、可以是HTML代码+vue特殊字符。
③template后面的模板语句会被Vue框架的编译器编译，转换成浏览器能识别的HTML代码。
④template后面指定的是模板语句，但是模板语句中只能有一个根节点。
⑤只要data中的数据发生变化，模板语句一定会重新编译。(只要data变，template就会重新编译和渲染)
⑥如果使用template配置项的话，指定挂载位置的元素会被替换。
⑦可以将模板字符串写到HTML标签中，指定的挂在位置就不会被替换了。
4、模板语句的数据来源：
使用data选项给模板语句提供数据支持，data选项类型是 Object || Function 即(对象或函数)；
如果data是对象的话，对象必须是纯粹的对象，(含有零个或多个的key/value 对)；
{{}} 这是vue框架自己的一套语法，浏览器不能识别，即：模板语法中的插值语法。
5、$mount()方法
Vue实例都有一个$mount()方法，这个方法讲Vue实例挂载到指定位置。
6、配置项：el
el配置项和$mount()方法可以有同样的效果。
作用：告诉vue实例去接管哪个容器，el是element的缩写，即元素
//el: '.divs'
el: document.querySelector(".divs")7、浏览器提示信息
①提示信息：将productionTip属性改成false(即设置是否生成生产提示信息)
Vue.config是Vue的全局配置对象，默认值为true。如果是false则阻止生成提示信息。
Vue.config.productionTip = false或者修改vue.js里面的productionTip = false
在chrome上面安装Vue.js devtools插件，去掉控制台前面的信息
8、第一个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"><title>Document</title><script src="../1.Vue/js/vue.js"></script>
</head>
<body><div class="divs"><div><h1>{{name}}</h1><h1>{{mood}}</h1></div></div><script>new Vue({// template: `<h1>今天刚开启{{name}}，真的非常{{mood}},// 其他演员是{{actors[0].name}}:{{actors[0].age}}岁,// {{actors[1].name}}:{{actors[1].age}}岁</h1>`,// template: `<div>// <h1>{{name}}</h1>// <h1>{{mood}}</h1>// </div>`,data: {name: 'vue',mood: '开心',actors: [{name: '小兰子',age: 20},{name: '安欣',age: 40}]},// el: '.divs'el: document.querySelector(".divs")})// }).$mount(".divs")</script>
</body></html>相关文章：
Vue：初识Vue
1、首先要导入vue.js <!-- 当你使用script标签安装vue之后，上下文就注册了一个全局变量vue --><script src"../1.Vue/js/vue.js"></script> 不能直接调用vue()，需要new vue(),否则会报错。 2、关于vue构造函数的参数opti…...
linux语言学习记录
文章目录前言一、linux文件结构二、指令三、Gvim编辑器1、命令模式2、底行命令四、正则表达式1、表达式匹配举例2、对文件里面内容进行操作3、使用 \( 和 )\ 符号括起正规表达式，即可在后面使用\1和\2等变量来访问和中的内容前言 记录自己学习linux的笔记ÿ…...
面向对象编程（进阶）7：面向对象特征三：多态性
一千个读者眼中有一千个哈姆雷特。 目录 7.1 多态的形式和体现 7.1.1 对象的多态性 举例： 7.1.2 多态的理解 7.1.3 举例 1、方法内局部变量的赋值体现多态 2、方法的形参声明体现多态 3、方法返回值类型体现多态 7.2 为什么需要多态性(polymorphism)&#x…...
vue尚品汇商城项目-day04【29.加入购物车操作（难点）】
文章目录29.加入购物车操作（难点）29.1加入购物车按钮29.2addCartSuce29.3购物车29.3.1 向服务器发送ajax请求，获取购物车数据29.3.2UUID临时游客身份29.3.3动态展示购物车29.4修改购物车产品的数量（需要发请求：参数理解…...
KubeSphere 社区双周报 | 4.8 深圳站 Meetup 火热报名中 | 2023.3.17-3.30
KubeSphere 社区双周报主要整理展示新增的贡献者名单和证书、新增的讲师证书以及两周内提交过 commit 的贡献者，并对近期重要的 PR 进行解析，同时还包含了线上/线下活动和布道推广等一系列社区动态。 本次双周报涵盖时间为：2023.03.17-2023.…...
ChatGPT热炒之前 搜索引擎SEO算法已经悄然改变
2022年4月起，某度算法有了新的调整，这对于靠SEO获得流量的公司简直可以说是灭顶之灾。原本SEO从业者还指望跟之前一样，等算法调整稳定后，网站的自然排名还会再回来，但等到了10月份，仍然没有回暖的迹象&…...
【Linux】Mysql之视图的基本操作
一、什么是视图 MySQL 视图（View）是一种虚拟存在的表，同真实表一样，视图也由列和行构成， 但视图并不实际存在于数据库中。行和列的数据来自于定义视图的查询中所使用的 表，并且还是在使用视图时动态生成的。…...
《扬帆优配》西藏地震！美史上最严排放新规将出台，美股收涨
当地时间周四，美股遍及收高，科技股领涨。因耶稣受难日，美股4月7日（周五）休市，周四为美股本周最终一个买卖日，从本周状况来看，纳指与标普500指数均录得跌幅，别离跌1.1%和0…...
Python 小型项目大全 66~70
六十六、简单替换密码 原文：http://inventwithpython.com/bigbookpython/project66.html 简单替换密码用一个字母代替另一个字母。由于字母A有 26 种可能的替换，B有 25 种可能的替换，C有 24 种可能的替换，等等，所以可能…...
Barra模型因子的构建及应用系列八之Earning_Yeild因子
一、摘要 在前期的Barra模型系列文章中，我们构建了Size因子、Beta因子、Momentum因子、Residual Volatility因子、NonLinear Size因子、Book-to-Price因子和Liquidity因子，并分别创建了对应的单因子策略，其中Size因子和NonLinear Siz因子具有…...
2022蓝桥杯省赛——卡片
问题描述 小蓝有 k 种卡片, 一个班有 n 位同学, 小蓝给每位同学发了两张卡片, 一位同学的两张卡片可能是同一种, 也可能是不同种, 两张卡片没有顺序。没有两位同学的卡片都是一样的。 给定 n, 请问小蓝的卡片至少有多少种? 输入格式 输入一行包含一个正整数表示 n 。 输出…...
数据结构-快速排序
一.概要 快速排序是一种基于分治思想的排序算法，其基本思路是选取一个基准值（pivot），通过一趟排序将待排序列分成两个部分，其中左半部分都小于基准值，右半部分都大于基准值，然后对左右两部分分…...
WuThreat身份安全云-TVD每日漏洞情报-2023-04-10
漏洞名称:Apple iOS/iPadOS 越界写入 漏洞级别:高危 漏洞编号:CVE-2023-28206 相关涉及:Apple iOS <16.4.0 漏洞状态:在野 参考链接:https://tvd.wuthreat.com/#/listDetail?TVD_IDTVD-2023-08810 漏洞名称:PHPGurukul Bank Locker Management System SQL 注入 漏洞级别:高…...
IDEA中查看源码点击Download Sources时出现Cannot download sources的问题复现及解决
IDEA中查看源码点击Download Sources时出现Cannot download sources的问题复现及解决 注意：实验环境的IDEA版本：2021.3.1 1、问题描述 1.1、当想看源码时，点击Download Sources 1.2、此时出现了Cannot download sources 2、解决办法 2.1、…...
R+VIC模型融合实践技术应用及未来气候变化模型预测/SWAT/HSPF/HEC-HMS
在气候变化问题日益严重的今天，水文模型在防洪规划，未来预测等方面发挥着不可替代的重要作用。目前，无论是工程实践或是科学研究中都存在很多著名的水文模型如SWAT/HSPF/HEC-HMS等。虽然，这些软件有各自的优点；但是&am…...
Python 02 数据类型(04元组)
一、元组 元组和列表的唯一不同：不能直接对元组的元素进行修改，删除，添加。 不能修改 1.1 创建元组 1.1.1 创建一个空元组 touple1() # ‘() 里面没有元素，表示为空元组 1.1.2 元组可以容纳任意数据类型的数据的有序集合&…...
WMS：入库库作业流程状态定位
系列文章目录 例如：第一章 WMS：入库库作业流程状态定位 目录 系列文章目录 文章目录 前言 一、入库订单作业状态 二、入库任务级作业状态 1.收货作业 2.验收作业 总结 前言 WMS系统在仓储作业的管理中发挥着至关重要的作用，其核心优势在于强大…...
蓝易云：Linux系统【Centos7】如何配置完整的CC攻击防护策略
完整的CC攻击防护策略包括以下步骤： 1. 调整内核参数 在CentOS 7系统中，可以通过修改内核参数来增加系统对CC攻击的抵抗力。具体操作如下： （1）打开sysctl.conf文件： vim /etc/sysctl.conf （…...
编解码持续升级，「硬」实力铸就视频云最优解
算力时代，视频云需要怎样的 CPU？ 在数据爆发式增长及算法日益精进的大背景下，属于「算力」的时代俨然到来。随着视频成为互联网流量的主角，日趋饱和的音视频场景渗透率、人类对“感官之限”的追求与突破、更多元化的场景探索及技术…...
贵金属技术分析的止损保护
前面说过我们这些小散户，最多也不过十几万或者几万美金的账户，没有必要想国际的一些大基金那样，又锁仓，又对冲什么的，我们资金小的投资者，足够灵活，自然有我们存活的方法。所以我们要注意发挥我…...
铭豹扩展坞 USB转网口 突然无法识别解决方法
当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因： 背景： 一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...
Linux应用开发之网络套接字编程(实例篇)
服务端与客户端单连接 服务端代码 #include <sys/socket.h> #include <sys/types.h> #include <netinet/in.h> #include <stdio.h> #include <stdlib.h> #include <string.h> #include <arpa/inet.h> #include <pthread.h> …...
Prompt Tuning、P-Tuning、Prefix Tuning的区别
一、Prompt Tuning、P-Tuning、Prefix Tuning的区别 1. Prompt Tuning（提示调优） 核心思想：固定预训练模型参数，仅学习额外的连续提示向量（通常是嵌入层的一部分）。实现方式：在输入文本前添加可训练的连续向量（软提示），模型只更新这些提示参数。优势：参数量少（仅提…...
解锁数据库简洁之道：FastAPI与SQLModel实战指南
在构建现代Web应用程序时，与数据库的交互无疑是核心环节。虽然传统的数据库操作方式（如直接编写SQL语句与psycopg2交互）赋予了我们精细的控制权，但在面对日益复杂的业务逻辑和快速迭代的需求时，这种方式的开发效率和可…...
如何将联系人从 iPhone 转移到 Android
从 iPhone 换到 Android 手机时，你可能需要保留重要的数据，例如通讯录。好在，将通讯录从 iPhone 转移到 Android 手机非常简单，你可以从本文中学习 6 种可靠的方法，确保随时保持连接，不错过任何信息。 第 1…...
论文解读：交大港大上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一）
宇树机器人多姿态起立控制强化学习框架论文解析 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一） 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化…...
EtherNet/IP转DeviceNet协议网关详解
一，设备主要功能 疆鸿智能JH-DVN-EIP本产品是自主研发的一款EtherNet/IP从站功能的通讯网关。该产品主要功能是连接DeviceNet总线和EtherNet/IP网络，本网关连接到EtherNet/IP总线中做为从站使用，连接到DeviceNet总线中做为从站使用。 在自动…...
（转）什么是DockerCompose?它有什么作用？
一、什么是DockerCompose? DockerCompose可以基于Compose文件帮我们快速的部署分布式应用，而无需手动一个个创建和运行容器。 Compose文件是一个文本文件，通过指令定义集群中的每个容器如何运行。 DockerCompose就是把DockerFile转换成指令去运行。 …...
大数据学习（132）-HIve数据分析
🍋🍋大数据学习🍋🍋 🔥系列专栏： 👑哲学语录: 用力所能及，改变世界。 💖如果觉得博主的文章还不错的话，请点赞👍收藏⭐️留言Ǵ…...
Unsafe Fileupload篇补充-木马的详细教程与木马分享（中国蚁剑方式）
在之前的皮卡丘靶场第九期Unsafe Fileupload篇中我们学习了木马的原理并且学了一个简单的木马文件 本期内容是为了更好的为大家解释木马（服务器方面的）的原理，连接，以及各种木马及连接工具的分享 文件木马：https://w…...