vue 实例

　　使用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知识点的理解和使用。

 

posted @ 2019-02-11 15:51  姜腾腾  阅读(1230)  评论(0)  编辑  收藏  举报