注意:vue.js 不支持 IE8 及其以下版本,学习前请保证你的浏览器兼容 ECMAScript 5,可访问 http://caniuse.com/#feat=es5 查看支持 ECMAScript 5 特性的浏览器版本。
安装教程
1、直接下载 js 文件 在官网下载vue.min.js文件,然后在<script>
标签中引用,如下:
<script src="/yourdir/vue.min.js"></script>
vue.min.js地址:http://vuejs.org/js/vue.min.js
2、使用 CDN 方法 推荐使用bootcdn的CDN服务,比较稳定,而且可选择对应的版本。
bootcdn vue地址:http://www.bootcdn.cn/vue/
Vue 实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<title>Vue 第一个实例</title>
<script src="http://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello World!欢迎学习Vue'
}
})
</script>
</body>
</html>