vue学习（一）

dream21st

于 2018-11-04 21:41:03 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

分类专栏： vue学习文章标签： vue学习

本文链接：https://blog.youkuaiyun.com/qq_36305027/article/details/83685199

vue学习专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍如何从零开始使用Vue.js创建一个简单的Web应用。通过访问Vue官网下载开发版Vue.js，将其引入到新创建的项目中，并在index.html中设置基本的Vue实例，实现了数据绑定与展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，进入vue的官网 http://doc.vue-js.com/v2/guide/installation.html

2，下载开发版的vue.js

3,新建项目study-vue01 将vue.js放入到项目中

index.html中的内容如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">{{content}}</div>

    <script>
        var app=new Vue({
            el:"#app",//vue的作用范围
            data:{
                content:'hello vue'
            }
        })
    </script>
</body>
</html>

4，打开浏览器页面上显示hello vue