|
今天在尝试学习前端，有一个发展很快的框架就是vue。以下是我对于今晚所学的简单概述，以代码形式进行呈现！
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>初始vue</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<!--
初始vue:
1.想要Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；
2.root容器里的代码依然符合html规范，只不过是混入了一些特殊的Vue语法；
3.root容器里的代码被称为【Vue模板】
-->
<div id="root">
<h1> hello ,{{ name }}</h1> <!-- 要想调用数据就要用{{}} 在这之后才能调用vue里边的对应变量 -->
</div>
<script type="text/javascript" >
Vue.config.productionTip =false //阻止 vue 在启动时生成生产提示。
//创建一个VUE实例 不需要将其赋值给一个变量
new Vue({
el:'#root',
data:{
name:'赵艺博'
}
})
</script>
</body>
</html>
|