当前位置: 首页 > news >正文

wamp可以做视频网站吗在线资源链接

wamp可以做视频网站吗,在线资源链接,长沙做旅游网站公司,商城网站建设怎么收费💗💗💗欢迎来到我的博客,你将找到有关如何使用技术解决问题的文章,也会找到某个技术的学习路线。无论你是何种职业,我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章,也欢…

💗💗💗欢迎来到我的博客,你将找到有关如何使用技术解决问题的文章,也会找到某个技术的学习路线。无论你是何种职业,我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章,也欢迎在文章下方留下你的评论和反馈。我期待着与你分享知识、互相学习和建立一个积极的社区。谢谢你的光临,让我们一起踏上这个知识之旅!
请添加图片描述

文章目录

  • 🍋重定向
  • 🍋介绍Pinia
  • 🍋为什么选择Pinia?
  • 🍋前置准备
  • 🍋搭建Pinia
  • 🍋Pinia 存储和读取数据
  • 🍋总结

🍋重定向

在介绍本节的内容之前,我们来介绍一个小知识点—重定向
只要在index.ts中加入了,这样可以帮助我们在首次进入到网站的时候,我们可以直接进入到定位的指定路由组件

 {path:'/',redirect:'/home'}

🍋介绍Pinia

Pinia是一个专为Vue 3设计的集中式状态(数据)管理库,它提供了一种简单而强大的方式来管理应用程序的状态。Pinia的设计理念是尽可能地与Vue的响应式系统集成,以提供最佳的性能和开发体验
在这里插入图片描述

🍋为什么选择Pinia?

  • 基于Vue 3:Pinia是专为Vue 3设计的,可以充分利用Vue 3的新特性和优势。

  • TypeScript支持:Pinia天生支持TypeScript,可以提供更好的类型推断和类型安全。

  • 插件化:Pinia可以轻松地与其他Vue生态系统中的库集成,如Vue Router、Vuex等。

  • 性能优化:Pinia使用了许多性能优化技巧,可以确保应用程序的性能达到最佳状态。

  • 简单易用:Pinia的API设计简单明了,学习曲线较低,可以快速上手。

🍋前置准备

在引入本节的知识点之前,我们把需要准备的案例准备好

我们创建了一个Count.vue,准备代码如下

<template>
<div class="count"><h2>当前求和为:{{ sum }}</h2>
<select v-model.number="n"><option value="1">1</option><option value="2">2</option><option value="3">3</option>
</select><button @click="_add">加一</button><button @click="_jian">减一</button>
</div>
</template>
<script setup lang='ts' name="Count">import {ref} from 'vue'let sum = ref(1)let n = ref(1)function _add(){sum.value+=n.value}function _jian(){sum.value-=n.value}</script>
<style scoped>.count {background-color: skyblue;padding: 10px;border-radius: 10px;box-shadow: 0 0 10px;}select,button {margin: 0 5px;height: 25px;}
</style>

这里我们要注意在v-model后面要点number否则是字符串的拼接

🍋搭建Pinia

首先我们需要在终端安装一下pinia,使用的命令如下

npm i pinia

之后我们打开main.ts在里面导入、创建、安装就可以了

import {createPinia} from 'pinia'
// 第二步:创建pinia
const pinia = createPinia()
// 第三步:安装pinia
app.use(pinia)

安装成功后,大菠萝就出现了
在这里插入图片描述

🍋Pinia 存储和读取数据

创建一个文件夹store,在里面创建一个Count.ts
在里面添加如下代码

import {defineStore} from 'pinia'export const useCountStore = defineStore('Count',{state(){return {sum:1}}
})

之后我们在count.vue中也要进行修改

import {useCountStore} from '@/store/Count'const countStore = useCountStore()

在这里插入图片描述

🍋总结

Pinia是一个强大而灵活的Vue状态管理库,它提供了一种简单而优雅的方式来管理应用程序的状态。通过利用Pinia,我们可以更好地组织和管理我们的Vue应用程序,并确保其具有良好的性能和可维护性。如果您正在寻找一种新的状态管理库,不妨试试Pinia,相信它会给您带来惊喜!

下节我们接着介绍使用Pinia修改数据的几种方式

请添加图片描述

挑战与创造都是很痛苦的,但是很充实。

http://www.zhongyajixie.com/news/16146.html

相关文章:

  • 网站建设背景图片媒体资源网
  • 那些网站后台做推广效果好营销是做什么
  • 网站建设制作设计营销公司杭州seo短视频网页入口引流下载
  • 网站编辑软件有哪些网络整合营销
  • 哪里有免费的网站推广软件啊seo搜索引擎优化是通过优化答案
  • 企业邮箱注册需要多少钱seo外链发布平台有哪些
  • 坪山网站建设哪家便宜怎么让百度收录
  • 手机做网站软件推广策划方案怎么写
  • 建设一个网站要多少钱最有效的线下推广方式
  • 宁波外贸建站公司能够免费换友链的平台
  • 做直播的视频在线观看网站搜索引擎推广有哪些平台
  • 温州市鹿城区建设小学网站百度快照优化推广
  • 做网站宣传有用吗国内真正的永久免费砖石
  • 深圳哪里有做网站推广的廊坊自动seo
  • 网站地图的使用seo关键词外包
  • 电视直播网站怎么做优化大师官方下载
  • 南通的互联网公司网站seo自学教程
  • 网站界面设计尺寸规范长沙百度推广开户
  • 网站没有经过我司审核通过白名单最新病毒感染
  • 手机网站建设设计兰州网络seo公司
  • 企业网站备案可靠的网站优化
  • 发卡网站怎么做seo推广外包企业
  • 可以做动漫网站的源码源码seo排名怎么看
  • 什么网站可以做miR的差异表达图中山seo关键词
  • 网站建设 武讯科技b站在哪付费推广
  • 高仿做的好点的网站2022年适合小学生的新闻
  • wordpress上传文件限制西安seo网络推广
  • 谁给个网站呀成都网络推广外包公司哪家好
  • 网站需要加wordpress广东网站seo营销
  • 济南疫情最新情况今天广州seo服务外包