Vue入门学习(一)

1、引入vue.js

2、创建Vue对象

3、双向数据绑定v-bind

4、显示数据 {{xxx}}

例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <script src="../vue.js"></script>
</head>
<body>
    <div id="app">
        <input type="text" v-model="mess" />
        <p>hello {{mess}}</p>
    </div>
    <script>
        const vm = new Vue({
            el: '#app',  //指定根元素(element)选择器
            data: {  //初始化数据
                mess: 'today'
            }
        })
    </script>
</body>
</html>

5、MVVM模型:

Model:模型,数据对象

View:模板页面

ViewMode:视图模型,Vue实例

猜你喜欢

转载自blog.csdn.net/LLL_liuhui/article/details/83999923
今日推荐