初识Vue

HTML模板

插值表达式:声明式渲染

  	{{js表达式、数据模型}」js表达式必須有返回値，出现插值闪烁
  	v-text:通常使用夜方式
  	V-htm1:解析htm1，Js css.安全隠患
  	
双向這染:双向郷定
  	v-mode1=*数据樸型"在表単元素中使用，オ有意乂
  
事件: v-on筒写@
  	@c11ck:点告事件
  	@contextMenus右由事件，事件修饰符: .prevent阻止默人事件
  	@keyup鍵盡事件
  		13或者encer鍵·回车事件@keyup.13
  		组合事件
  		
v-for:遍历
  	数组; v-for="(Item, index) in items"
  	対象: v-for="(va1. key, index) in usez":key:提高渲染速度
  	
v-if:判断
	v-f="布尓表达式": true -渲染，false-不渲染
  	v-show="布尓表送式":总是渲染，false=display: none
  	v-else-if=布尓表达式"
 	v-e1se: else定要緊跟在if之后
 
v-bind:绑定属性，筒写(:)
  :class="{mfactive:布尓表达式}"
  
vue实例js
 	el:选择器，对应html模板
 	data:数据模型
 	methods:定义方法
 	commputed:定义计算属性，计算本质就是方法，但是方法必须有返回值，计算属性]可以像数据模型一样使用。如				果计算属性的依赖项没有改变，直接从缓存中命中
 	watch:监听，方法名是要监听的数据模型名称message (newVa1, oldVal) {}
 	钩子函数:created,在对象初始化之后执行，通常在created中初始化数据
 			mounted,在浏览渲染完页面后执行，通常在mounted中操作dom元素
 	components:局部子组件
 			全局组件: Vue.component ("组件名"，{
				template: "html模板",
				data(){
				return {
					数据模型
					},
				methods,watch
				})
				局部组件: const 组件对象名= {同上}
				组件的通信:
					1.父向子通信: a.父自定义属性，属性名随便写，属性值是要传递的数据模型
								b.子通过props接收，参数名是自定义属性的属性名["属性名"] {属性名:
								{type default required}}
					2.子向交通信: a.父自定义事件，事件名随便写，属性值是要传递的方法
								b.定义事件调用子自己的方法，子的方法中通过this.emit("自定义事件
								名")
								
路由：vue-router npm insta1l vue-router --save
	引入vue-router组件
	实例化vue-router
		const router = new VueRouter({
			routes: [
				{
				path:路由路径，要以/"开头component:路由组件
				},
				{}
			]
    引入到vue实例中:通过router
	<router-link to="/login"></router-link>
	<router-view></router-view>	锚点