首页 > 设计 > WEB开发 > 正文

Vue入门教程

2019-11-02 18:25:07
字体:
来源:转载
供稿:网友

这段时间又重新回顾了一下Vue框架,相比于之前博客中介绍的React相比较,Vue的优点更加明显,Vue的框架的侵占性更加的低,同时可以在已拥有的项目中直接导入Vue.js直接加入Vue技术,不像React以及Angular框架需要重新规划代码区域.

直接在所需要的HTML中根据id属性或者class属性确定作用域,就可以对原有代码进行基于Vue框架的编写,代码如下:

<!DOCTYPE html><html lang="en"><head>	<meta charset="UTF-8">	<title>Document</title>	<script src="https://unpkg.com/vue/dist/vue.js"></script></head><body>	<div id="app">		{{message}}	</div></body><script type="text/javascript">	var app = new Vue({		el: "#app",		data:{			message: "hello world",		},		methods:{		}	})</script></html>

要点:1.Vue通过el来声明作用域.

  2.data中放数据

  3.methods中放入方法


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表