前端渐进式框架-Vue-初始化

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/smj20170417/article/details/82178518
  • 引入Vue.js
    • cdn:<script src="https://cdn.jsdelivr.net/npm/vue"></script>
    • 本地引用
  • 初始化:
new Vue({
    el:"#div-id",//节点id
    data:{
        name:"hello world"//定义数据
    }
});
  • 页面调用

      

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Vue</title>
		<script src="https://cdn.jsdelivr.net/npm/vue"></script>
	</head>
	<body>
		<div id="div-id">
			{{name}}
		</div>
		<script type="text/javascript" src="js/app.js" ></script>
		
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/smj20170417/article/details/82178518