当前位置： 移动技术网 > IT编程>网页制作>CSS > vue--初识

vue--初识

2018年02月08日  | 移动技术网IT编程  | 我要评论

1、在vue官网下载一个vue.min.js；http://www.runoob.com/vue2/vue-install.html，菜鸟课程提供下载地址

2、新建一个文件夹，将vue.min.js放进去；

3、新建一个html，引入上面的js;

4、编写代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../vue.min.js"></script>
    <title>Title</title>
</head>
<body>
<div id="demo">
    {{message}} <br>
    <input v-model="message">
</div>


<script>
    var vm = new Vue({
        el: '#demo',
        data: {
            message: 'Hello Vue.js!'
        }
    })
</script>
</body>
</html>
5、运行这个文件
6、此文件，展示了vue的特点之一的数据双向绑定；

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网