【Vue.js】基本介绍及安装，学习笔记（一）
2018-08-24 本文已影响0人
kingloongMagic
一、官方网站
https://cn.vuejs.org/v2/guide/index.html
二、安装
1、直接用<script>引入方式
2、下载开发版本
3、将vue.js保存到项目中
4、在html代码中引入js，将js引入代码放在head，不要放在body中，避免出现抖屏
<head>
<meta charset="UTF-8">
<title>Vue学习</title>
<script src="./vue.js"></script>
</head>
5、数据挂载
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue学习</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
data:{
msg:"hello world"
}
})
</script>
</body>
</html>
关键字说明：
el 挂载点
data 数据
msg 参数化的变量名
