2021-12-11 15:49

Vue.js入门示例

少尉

WEB前端

(677)

(0)

收藏

blog

一、Vue是什么

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

 

二、Vue使用示例

1、新建一个html页面, 然后添加vue的引用。

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


2、在页面添加以下代码

<div id="box">
   {{msg}}
</div>

<script type="text/javascript">
  var box=new Vue({
    el:"#box",
    data:{
      msg:"hello 万码学堂"
    }
  });
</script>


3、打开页面 就会输出

image.png

0条评论

点击登录参与评论