Live2D 看板娘

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

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