Vue学习笔记

server/2024/9/23 9:34:35/

Vue可以提升开发体验,因为它是组件化开发,复用性比较高

Vue 可以列表渲染,可以一次性渲染出来

Vue>react>Angular

Vue是渐进式框架(逐渐增强的),简单复杂的页面都可以胜任

Vue是一个框架,也是一个生态,它的开发者会提供一些好用的插件,所以它的生态很好。

一个技术的生态决定它是否会火

单页应用是在一个页面中更换内容,给人页面很多的感觉

Vue组件的风格

选项式API

例如:vue2和vue3

下面是vue2的写法,它实现了一个点击按钮累加的功能(旧的写法)

组合式API(下面是一个新的写法,看起来更简洁)

Vue开发前的准备

熟悉命令行

已安装15.0或更高版本的node.js

创建Vue项目(在cmd中),可以在自己想要创建的文件目录下打开cmd窗口进行创建,也可以在cmd里面进行创建

npm init vue@latest

在创建项目的过程中,项目名不要出现大写

cnpm是npm的镜像,cpm的安装速度要更快

安装过程中只要不报红色的error就是安装成功了

npm run dev 命令来运行这个项目

综上,总共用到三个命令行

可以复制这个地址,在浏览器里面打开

说明Vue的项目已经创建成功了,可以基于这个环境进行开发

开发环境

官方推荐的开发环境是visual studio code+volar扩展

Vue项目的目录结构


http://www.ppmy.cn/server/35761.html

相关文章

算法提高之股票买卖 V

算法提高之股票买卖 V 核心思想&#xff1a;状态机 一共有三种情况 &#xff1a; 空仓&#xff0c;持仓&#xff0c;冻结期f[i,j]表示第i天的状态j状态计算&#xff1a; 如下 #include <iostream>#include <cstring>#include <algorithm>using namespace …

linux命令行与shell脚本大全——学习笔记(7-8章)

第7章 理解Linux文件权限 用户、用户组、其他用户 用户权限是通过创建用户时分配的用户 ID&#xff08;user ID&#xff0c;UID&#xff09;来跟踪的。UID 是个数值&#xff0c;每个 用户都有一个唯一的 UID。但用户在登录系统时是使用登录名&#xff08;login name&#xff…

OceanBase 缺少 dbms_obfuscation_toolkit.md5 包函数的解决方案

因为 dbms_obfuscation_toolkit.md5 是一个 Oracle 不推荐继续使用的函数&#xff0c;所以 OceanBase 没有对其兼容&#xff0c;取而代之的是兼容了 dbms_crypto.hash&#xff0c;其用法详见这篇 KB 但是&#xff0c;并不是所有业务都接受修改源码&#xff0c;因为复杂系统里&…

如何利用IPIDEA代理IP优化数据采集效率?

一、 前言二、 IPIDEA介绍三、体验步骤四、实战训练五、结语 一、 前言 在全球化与信息化交织的当代社会&#xff0c;数据已成为驱动商业智慧与技术革新的核心引擎。网络&#xff0c;作为信息汇聚与交流的枢纽&#xff0c;不仅是人们获取知识的窗口&#xff0c;更是商业活动与技…

开发Web3 ETF的技术难点

开发Web3 ETF&#xff08;Exchange-Traded Fund&#xff0c;交易所交易基金&#xff09;软件时&#xff0c;需要注意以下几个关键问题。开发Web3 ETF软件是一个复杂的过程&#xff0c;涉及到金融、法律和技术多个领域的专业知识。开发团队需要综合考虑上述问题&#xff0c;以确…

15_Scala面向对象编程_访问权限

文章目录 Scala访问权限1.同类中访问2.同包不同类访问3.不同包访问4.子类权限小结 Scala访问权限 知识点概念 private --同类访问private[包名] --包私有&#xff1b; 同类同包下访问protected --同类&#xff0c;或子类 //同包不能访问(default)(public)默认public --公…

[Algorithm][BFS][最短路问题][迷宫中离入口最近的出口][最小基因变化][单词接龙][为高尔夫比赛砍树]详细讲解

0.原理讲解 最短路径是图里的常见问题本专题主要讲解边权为一的最短路问题 边权全都相同即可&#xff0c;并非只能为一 方法&#xff1a;从起点开始&#xff0c;来一次BFS即可如何找出最短路径是多长呢&#xff1f; 拓展的层数&#xff0c;就是最短路的长度 1.迷宫中离入口最…

【C++】学习笔记——list

文章目录 八、list1. list的介绍2. list的使用3. list的模拟实现4. list模拟实现的代码整合1. list.h2. test.cpp 未完待续 八、list list链接 1. list的介绍 是的&#xff0c; list 就是带头双向循环链表。 2. list的使用 通过 string 和 vector 的学习&#xff0c;我们差…