Vue框架入门中,希望和大家指点迷津~
在学习混合框架之前,学习过html5、css和js,可以制作一些简单的网页
学习过网页基础前端开发的就比较容易上手Vue
这里使用的是HBuilder X 3.3.11版本,写的一段非常非常简陋的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<title></title>
</head>
<body>
<div id='app'>
<p> {{ name }} is a good {{ title }} </p>
</div>
<script type="text/javascript">
kkk=new Vue({
el:'#app', //el代表正在创建的Vue对象姚和DOM中的id为app的那个元素进行绑定
data:{
name:'zhangsan',
title:'student'
}
})
</script>
</body>
</html>
这段代码的最终运行效果,如图:
是不是一看就懂~