vue入门记录

前端框架VUE.js文档传送门
一、导包

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scipt>

二、语法

var app = new Vue({
	el:'#app',
	data:{
	message:'这里定义数据变量和值'
	},
	methods:{
	//这里定义方法
	}
})

三、指令

1. v-text
   设置标签文本值。两种写法：v-text="message"或{{message}}
2. v-html
   设置html结构
3. v-on
   绑定事件。如点击事件v-on:click，可简写成@click
   按键事件@keyup.enter回车键
4. v-show
   控制元素显示或隐藏
5. v-if
   控制是否有某元素
6. v-bind
   设置元素的属性。如v-bind:src，可简写成:src
7. v-for
   循环某结构。item in arr或(item,index) in arr
8. v-model
   数据双向绑定。获取和设置表单数据。