Vue快速入门笔记

最新推荐文章于 2024-07-25 09:24:40 发布

lrsdmw

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量602

点赞数

分类专栏： java个人学习笔记文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/lrsdmw/article/details/121341963

版权

这篇博客介绍了Vue快速入门，包括启动步骤、条件判断和循环、组件的创建与动态Props、使用Axios进行网络通讯以及利用slot插槽进行内容分发。重点讲解了Vue的MVVM思想，以及如何通过template、computed属性提高应用性能。

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

MVVM思想

视图和数据独立-View和Model完全解耦合

一、启动

1、导入vue

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

2、新建一个vue对象

 var vm = new Vue({})

3、定义一个元素

<div id = "app">
    {
  {message}}
</div>

4、绑定元素和vue对象

var vm = new Vue({
        el:"#app",
        data:{
            message:"Hello Vue"
        }
    });

也可以用v-bind绑定

<div id = "app">
   <span v-bind:title="message">
    Hello Vue
    </span>
</div>

关注