vue 精简教程（一） dev tools mvvm spa单页面数据定义和渲染

最新推荐文章于 2024-04-17 09:35:27 发布

小白追梦

最新推荐文章于 2024-04-17 09:35:27 发布

阅读量238

点赞数 1

分类专栏： vue 文章标签： vue javascript

本文链接：https://blog.csdn.net/weixin_43815680/article/details/109085331

版权

本文介绍了Vue的dev tools下载安装方法，并探讨了MVVM模式和SPA单页面应用的概念。接着详细讲解了Vue中数据的定义和渲染，包括数据类型、渲染到页面的方式，如数组循环、数字迭代和HTML标签插入。

摘要由CSDN通过智能技术生成

一、vue dev tools下载安装？

直接翻墙 chorme 商店搜索下载

二、什么是mvvm ? 什么是spa单页面web应用？

1.mvvm

在这里插入图片描述

2.spa单页面web应用

在这里插入图片描述

三、数据定义和渲染？

1、我们先看一下 vue 都可以定义那些数据，以及如何定义？

<html>

<head>
    <title>vue</title>
    <meta charset="utf-8">
</head>
<style>

</style>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<body>
    <!-- 这是一个容器  -->
    <div id="box">

    </div>
</body>

</html>
<script>
    var vm = new Vue({
   
        // 挂载到容器上
        el: "#box",
        // 这个地方使用 da

最低0.47元/天解锁文章

小白追梦

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue 精简教程（一） dev tools mvvm spa单页面数据定义和渲染

文章目录一、vue dev tools下载安装？二、什么是mvvm ? 什么是spa单页面web应用？1.mvvm2.spa单页面web应用三、数据定义和渲染？1、我们先看一下 vue 都可以定义那些数据，以及如何定义？2、我们写的这些数据如何在页面中渲染出来？3、如果只是单独的数组，只需要循环{{data}}出来就行4、可以迭代数字5、可插入 html标签总结一、vue dev tools下载安装？直接翻墙 chorme 商店搜索下载二、什么是mvvm ? 什么是spa单页面.
复制链接

扫一扫