html、vue、小程序的区别

最新推荐文章于 2024-05-06 23:12:23 发布

XINGAO丨

最新推荐文章于 2024-05-06 23:12:23 发布

阅读量2k

点赞数 2

分类专栏： vuejs 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_44749729/article/details/107631982

版权

vuejs 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

html、vue、小程序的区别

网络模型改变

1.以前b/s：服务端代码混在页面中
2.现在c/s：前后端分离，通过js，api获取json数据，通过数据绑定渲染在页面上

文件类型变化

1.以前.html文件，开发运行都是html
2.现在是.vue，开发是.vue，经过编译后运行变成js文件

文件内代码变化

1.以前

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8" />  
        <title></title>  
        <script type="text/javascript">  

        </script>  
        <style type="text/css">  

        </style>  
    </head>  
    <body>  

    </body>  
</html>

2.vue单文件组件规范sfc

<template>  
    <view>  
    注意必须有一个view，且只能有一个根view。所有内容写在这个view下面。  
    </view>  
</template>  

<script>  
    export default {  

    }  
</script>  

<style>  

</style>

外部文件应用方式

1.以前通过script src、link href引入外部的js和css；

2.现在是es6的写法，import引入外部的js模块(注意不是文件)或css，支持组件导入

import uniBadge from "../../../components/uni-badge.vue";

组件/标签变化

以前是html标签，比如

，现在是小程序组件，比如。

处理一些改动以外，新增了一批手机端常用的新组件，比如scroll-view 可区域滚动视图容器

js变化

js的变化，分为运行环境变化、数据绑定模式变化、api变化3部分。
运行环境从浏览器变成v8引擎
标准的js和api都支持，但是浏览器专用的window、document、navigator、location对象，包括cookie等存储，app和小程序都不支持
以前的dom操作，改成vue的MVVM模式
现在前端趋势是去dom化，改用mvvm模式，更简洁的写法，大幅减少代码行数，同时差量渲染性能更好。

XINGAO丨

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
html、vue、小程序的区别

html、vue、小程序的区别网络模型改变1.以前b/s：服务端代码混在页面中2.现在c/s：前后端分离，通过js，api获取json数据，通过数据绑定渲染在页面上文件类型变化1.以前.html文件，开发运行都是html2.现在是.vue，开发是.vue，经过编译后运行变成js文件文件内代码变化1.以前<!DOCTYPE html> <html> <head> <meta charset="utf-8" /&gt
复制链接

扫一扫