一、初步的了解
vue他的语法简洁、易懂、轻量,建议用在移动端上,应用了它节省了手动操作DOM的步骤,我们把这么框架叫做mvvm,同款还有其他类似框架比如angular,react。
先引入
<script src="vue.js"></script>
在官网上下载,在百度搜索vue就可以找到了
new Vue({
el:'#box',
data:{
msg:'welcome vue'
}
});
<div id="box">
<input type="text" v-model="msg">
<br>
{{msg}}
</div>
el:就是控制vue控制范围的,里面填写选择器
data:就是页面要显示什么内容,都需要在data里实现定义好
v-model:只用到input上,然data里定义的变量在input中显示
{{}} :这么形式可以在html中显示信息,像套后台模板一样的语法