首页 > 其他 > 详细

vue 实例

时间:2019-02-11 16:34:21      阅读:130      评论:0      收藏:0      [点我收藏+]

  使用vue的第一步,就是创建一个vue实例,这是使用vue的基础,学习vue,需要有js基础的,所以,我这里记录我学习vue的路程,过程中,遇到不了解的内容,我会在文章里做记录,如果是基础的东西,我就直接往下进行,不做解释了。

  创建一个vue实例,就是声明一个变量,然后呢,给这个变量赋值,用new操作符,来创建一个vue实例,具体如下(因为只是建一个实例,所以我就不用脚手架了,):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue实例</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>
</head>
<body>
    <p id="myApp">{{msg}}</p>
    <script>
        var myApp = new Vue({
            el: #myApp,
            data: {
                msg: hello Vue!
            }
        });
    </script>
</body>
</html>

  上面的就是一个基础的vue实例,如果接触过angularJS、微信小程序的同学,应该很好理解这种MVVM模型的思想。

  下一节开始,就进入vue知识点的理解和使用。

 

vue 实例

原文:https://www.cnblogs.com/jiangtengteng/p/10362099.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!