第1节 初入vue.js(安装/引用)
1、此地址下载开发版本
https://cn.vuejs.org/v2/guide/installation.html
f3874ccbc972ecaef223344e9982bbc5.png2、放到网站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.png5、测试vue实时显示
e0963432a66a76432f2e57d257d5e663.png
网友评论