vue.js基础一之halloworld
聂永怡
vue官网：Vue.js (vuejs.org)
什么是vue
Vue 是一套用于构建用户界面的渐进式框架
学习vue之前要学会什么
需要学习JS、HTML、es6、es5语法等基础编程语言
如何安装vue
- 下载vue.js通过路径引入
- 直接使用script加连接引入
-
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
-
使用vue实现第一个程序helloworld
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
<script src="js/vue.js"></script><!-- 引入vue -->
</head>
<body>
<div id="app">{{content}}</div>
<script>
var app = new Vue({
el:"#app",//绑定id
data:{//数据
content:"hello world"
}
})
setTimeout(function(){//延时器setTimeout
app.$data.content = "bye world"
},2000)
</script>
</body>
</html>
类似资料：