没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端JavascriptSVELTE调研，关于SVELTE使用，性能，数据存储，数据分析等

SVELTE调研，关于SVELTE使用，性能，数据存储，数据分析等

svelte

0 下载量 3 浏览量 2023-12-25 13:39:26 上传评论收藏 4.5MB PDF 举报

温馨提示

试读

21页

SVELTE调研，关于SVELTE使用，性能，数据存储，数据分析等

资源推荐

资源详情

资源评论

1 / 21

⼀

、

sveltevuereact

基

础

能

⼒

；

响

应式

react

更

新

状

态

SVELTE

调

研

import { useState } from "react";

export default function Name() {

const [name] = useState("ConardLi");

return <h1>Hello {name}</h1>;

}

import { useState } from "react";

2 / 21

状

态

计

算

更

新

状

态

export default function Name() {

const [name, setName] = useState("ConardLi");

setName("Jane");

return <h1>Hello {name}</h1>;

}

import { useState } from "react";

export default function DoubleCount() {

const [count] = useState(10);

const doubleCount = count * 2;

return <div>{doubleCount}</div>;

}

import { ref } from "vue";

const name = ref("ConardLi");

</script>

<h1>Hello {{ name }}</h1>

</template>

import { ref } from "vue";

const name = ref("ConardLi");

name.value = "Jane";

</script>

3 / 21

状

态

计

算

svelte

更

新

状

态

状

态

计

算

<h1>Hello {{ name }}</h1>

</template>

import { ref, computed } from "vue";

const count = ref(10);

const doubleCount = computed(() => count.value * 2);

</script>

<div>{{ doubleCount }}</div>

</template>

let name = "ConardLi";

</script>

<h1>Hello {name}</h1>

let name = "ConardLi";

name = "Jane";

</script>

<h1>Hello {name}</h1>

4 / 21

模

板

react

vue

svelte

循

环

let count = 10;

let propleCount = 10;

$:doubleCount = count * 2 * propleCount;

</script>

<div>{doubleCount}</div>

export default function HelloWorld() {

return <h1>

你

好

code

秘密

花

园

</h1>;

}

class

类

名

{

属

性

名

属

性

名

⽅法

1(){}

⽅法

2(){}

}

<h1>

你

好

code

秘密

花

园

</h1>

</template>

<h1>

你

好

朋

友

们

</h1>

5 / 21

export default function Colors() {

const colors = ["red", "green", "blue"];

return (

<ul>

{colors.map((color) => (

<li key={color}>{color}</li>

))}

</ul>

);

}

const colors = ["red", "green", "blue"];

</script>

<ul>

<li

v-for="color in colors"

:key="color"

</li>

</ul>

</template>

const colors = ["red", "green", "blue"];

</script>

<ul>

{#each colors as color}

<li>{color}</li>

{/each}

</ul>

剩余20页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

马优晨

粉丝: 1150
资源: 8

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

SVELTE调研，关于SVELTE使用，性能，数据存储，数据分析等

svelte-kit-ssr-boilerplate:vel考虑到SEO构建的Svelte服务器端渲染。 使用这个友好的svelte kit样板开始您的项目

svelte-spa-router:使用Svelte 3的SPA路由器

使用WebpackSassBabelJSFetchPostCSSJestEnv的Svelte应用程序样板

前端UI框架Svelte.zip

svelte-query:Svelte的高性能和强大的远程数据同步

svelte:虚拟化的Svelte数据网格

Svelte3.x网页聊天实例-svelte.js仿微信PC版聊天svelte-webchat.doc

svelte-router:易于使用的Svelte SPA路由器

svelte-master_svelte_js_website_

echarts-for-svelte:S Svelte包装器的百度Echarts（v3.0和v4.0）组件

vue-svelte-adapter:在Vue.js中使用Svelte组件

sveltecustomelements将Svelte组件转成web组件

react-svelte:在React应用程序中使用Svelte组件

svelte-preprocessor-fetch:可以在组件编译之前使用Svelte的预处理器来获取数据

Example-Svelte:使用 SapphireDb 的 Svelte 应用示例

svelte-headless-datatable：Svelte的无头数据表组件

notus-svelte:诺斯·Card.svelte（Notus Svelte）

svelte-highlight:使用Highlight.js的Svelte语法突出显示

Node.js-Svelte魔法消失的UI框架

axure谷歌浏览器插件

echarts 全国地图json数据

element-ui v2.15.13离线文档.rar

marktext0.17.1中文版本-【免费资源未商用不存在版权问题】-【请审核大大放过】.zip

html网页做的动态爱心（超好看）

微信小程序登录注册界面代码，包含当前界面的所有源码，使用手机验证码注册或账号登录

HTML新年代码之2024新年快乐龙年大吉免费下载 happynewyear2024.zip

2023跨年代码(烟花+背景音乐)

微信小程序本地生活案例源码

个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品 个人博客

最新资源

svelte-kit-ssr-boilerplate:vel考虑到SEO构建的Svelte服务器端渲染。使用这个友好的svelte kit样板开始您的项目

个人网页制作大学生个人网页设计个人网站模板简单静态HTML个人网页作品个人博客