1.0 vue简介

vue官网链接:https://cn.vuejs.org/

一. vue简介

  vue目前分为2.X版和3.X版,本文以2.X版为准,2.x版本经过时间的沉淀,版本稳定、网上教程也多,方便入手。

  vue的特点是易用、灵活、高效。

 

二. vue使用

  话不多说,直接来看看如何使用vue,通过vue官网下载好vue 2.X版本后,新建html文档(保持和vue.js同目录)

复制代码
<!DOCTYPE html>
<html>
 
<head>
   <meta charset="UTF-8">
   <title></title>
   <script src="vue.js"></script>
   <style>
 
   </style>
</head>
 
<body>
   
   <div id="app">{{name}}</div>
 
   <script>
      new Vue({
         el:'#app',
         data:{
            name:'sparrow'
         }
      });
   </script>
</body>
 
</html
复制代码

 

  

posted @   JavaShop  阅读(74)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示