vue框架入门基础-01

最新推荐文章于 2024-09-24 10:50:41 发布

欧_root

最新推荐文章于 2024-09-24 10:50:41 发布

阅读量588

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_56736996/article/details/121318701

版权

本文介绍了Vue.js，一个用于前端开发的渐进式JavaScript框架。通过一个简单的例子展示了如何引入vue.js文件，并创建一个基本的vue实例，利用插值表达式动态绑定数据，帮助初学者理解vue的基本语法和工作原理。

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

vue入门基础1

什么是vue

按照官方的解释，vue是专门在用户端开发的渐进式js框架，其实按照我的理解：vue就是JavaScript类型的文件，它为我们在前端开发提供了一套比较简单的方法，其实就是根据js代码编写的一套语法规则，其本质还是js

vue的基本语法

首先我们要从官方网站上下载vue.js文件

vue官网

//此处代码仅为body部分
<body>
    <div id="app">
        {{name}}//此处为vue语法之一，插值表达式，其中{{}}中也可以写入表达式，如{{1+1}},那么在页面上就显示为2
    </div>
    <script src="vue.js"></script>//此处为引入vue.js文件的相对地址
    /*这里我们引入vue.js文件*/
    <script>
       new Vue({
           el:'#app',//el为唯一的根标签，注意此处为用ID选择器来指定vue实例控制的组件（控制范围），也可以使用其他选择器
           data:{
               name:'tom'//此处为vue动态绑定的数据
           }
       });
    </script>
</body>