vue--初识

2018-02-05 20:29:39来源:cnblogs.com作者:我是霸道范儿9人点击

分享

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的特点之一的数据双向绑定;

相关文章

    无相关信息

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台