美文网首页
VUE基本知识-1.初入vue.js（安装/引用）

VUE基本知识-1.初入vue.js（安装/引用）

作者: 挤时间学习的阿龙 | 来源:发表于2019-04-28 15:59 被阅读0次

第1节 初入vue.js（安装/引用）

1、此地址下载开发版本

https://cn.vuejs.org/v2/guide/installation.html

f3874ccbc972ecaef223344e9982bbc5.png

2、放到网站www/vue文件夹下

3、网站根目录vue文件夹下创建index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初入vue</title>
</head>
<body>
<div>
    {{ msg }}
</div>
</body>
<script type="text/javascript" src="vue2.5.js"></script>
<script>
    var vm = new vue({
        el:'#app',   //DOM操作节点
        data:{
            msg: 'hello vue'
 }
    })
</script>
</html>

4、效果预览

6c89ca9baab389b34a9229c4c79b0076.png

5、测试vue实时显示

e0963432a66a76432f2e57d257d5e663.png

相关文章