Vue语法二

组件化思想

组件相当于页面,在其中可以引入独立的样式CSS/JS/HTML 进行单独的管理
组件可以复用

分类

一.全局组件
任意的DIV都可以引入该组件
二.局部组件
只有特定的DIV可以引入组件

步骤

<!--一.定义组件
Vue.Component({      })
二.编辑组件体 特殊语法: 
定义属性时 data(){return{ key:value}}
html标签: 使用template进行标记
 定义组件的模版html 
		注意事项: 1.切记标识在app之外   2.要求模版字符串必须有根标签 div	-->	
			< template id="helloTem">
				< div>
					< h3>静夜思< /h3>
					床前明月光，疑是地上霜。
					举头望明月，低头思故乡。
					引入属性: {{msg}}
				< /div>
			< /template>
 <!--1.组件标签的使用 放到app标签之内 才能解析     2.如果采用驼峰规则命令则中间使用-线连接 -->

注意:局部组件需要在vue对象中引入组件

let helloCom = {
				//属性定义
				data(){
					return {
						msg: "我是局部组件"
					}
				},
				template: "#helloTem"
			}

VUE中的路由

根据用户的请求URL地址,展现特定的组件(页面)信息. (控制用户程序跳转过程)
关键字 router

路由步骤

导入路由.JS
指定路由的跳转链接
定义路由的填充位.
** 4. 封装组件信息, 指定路由对象 (难!!!)**
在VUE对象中声明路由

重定向和转发

转发

用户访问服务器,但是目标服务器无法处理该请求,由服务器内部将请求交给其他服务器处理. 这个过程称之为转发.

重定向

用户访问服务器,但是目标服务器无法处理该请求,目标服务器返回一个能够处理请求的网址.由用户再次发起请求,访问服务器获取数据.
关键字 redirect 路由的重定向

区别

请求响应次数: 转发请求一次响应一次 重定向请求多次,响应多次
url地址: 转发因为是服务器内部操作,url地址不变 重定向url地址会发生转变
传递参数: 转发可以传递参数 重定向传递参数会造成参数的丢失 请求的对象不是一个