1.Vue的基本使用

最新推荐文章于 2024-06-12 08:41:10 发布

彼岸的饭碗

最新推荐文章于 2024-06-12 08:41:10 发布

阅读量64

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_42392049/article/details/116755382

版权

Vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.复制VUE源码，创建js

打开网站https://cn.vuejs.org/v2/guide/#Vue-js-%E6%98%AF%E4%BB%80%E4%B9%88
复制两个网站中的一个（其中一个是开发版本，一个是生产版本），全选，复制
粘贴创建js文件，放到项目指定目录中

2.HTML引入基本结构

<body>
    <div id="app">
          <h1> {{data}}</h1>
    </div>
    <script src="vue.js"></script>
    <!--引入vue源码-->
    <script>
        var vue=new Vue({
           //设置挂载点，标记挂载点id来进行识别相应模块
            el:"#app",
           //数据管理中心，所有Vue的数据都在data对象中
            data:{
                data:5
            },
            //方法，对应的Vue事件方法
            methods:{

            }
        })
    </script>
</body>