一、国产框架
Vue属于国产框架!
与2014年2月诞生
二、我的第一个Vue页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>这是我的第一个vue页面</title>
</head>
<body>
<div id="firstDemo">
// 差值表达式 {{}} ===> 将数据填充到HTML标签中
// 插值表达式支持基本的计算操作
<div>{{msg}}</div>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
/**
* 步骤
*
* 1.提供标签 ===> 用于填充数据
* 2.引入vue库文件(进入官网,依次选择学习==》教程==》安装==》开发版)
* 官网地址:
* https://cn.vuejs.org/
* 3.可以使用vue的语法实现功能
* 4.把vue提供的数据填充到标签
*/
var vm = new Vue({
// el: 元素的挂载位置(值可以是CSS选择器或DOM元素)
// data: 模型数据(值是一个对象)
el: '#firstDemo',
data: {
msg: 'hello Vue'
}
})
</script>
</body>
</html>