vue基础指令1

最新推荐文章于 2024-05-02 18:44:51 发布

VIP文章幻墨如烟u

最新推荐文章于 2024-05-02 18:44:51 发布

阅读量478

点赞数

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

本文链接：https://blog.csdn.net/sjs1766349405/article/details/121580601

版权

一、vue简介

vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。

vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom，这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。

二、vue初识

1.传统做法

传统做法是通过获取DOM元素并且动态赋值的方法,代码示例如下：

 <body>
    <div id="box"></div>
    <script>
      let name = "tom";
      let box = document.querySelector("#box");
      box.innerHTML = name;
    </script>
  </body>

2.vue简单示例

  <script src="vue.js"></script>
  </head>
  <body>
    <div id="app">{
  { name }}</div>
    <script>
      var vue = new Vue({
        el: "#app",
        data: {
          name: "tom"
        }
      });
    </script>
  </body><

最低0.47元/天解锁文章

优惠劵

幻墨如烟u

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue基础指令1

一、vue简介vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom，这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。二、vue初识1.传统做法传统做法是通过获取DOM元素并且动态赋值的方法,代码示例如下： <body> <div id="box"></div> <scri
复制链接

扫一扫