Vue基础部分
<!--
3-
MVVM思想
基本指令
{{}}
v-text
v-html
v-bind
属性处理
样式 class样式 内联样式
v-on
事件修饰符
.stop
.prevent
.capture
.self
.once
.native
v-model
v-for
key值 唯一 String或者是Number类型
v-if
v-show
组件
组件定义
私有组件
全局组件
父子组件间数据传递
v-bind props
v-on this.$emit()
v-on this.$emit(this.msg) 在父组件的方法中获取
ref属性---可以获取DOM元素,也可以获取组件(组件中的数据何方法都可以使用)
this.$refs.组件名.数据或者方法名
this.$parent 对象
this.$children 伪数组 下标的形式获取某一个子组件 uid
非父子组件:数据总线
Vue.prototype.bus = new Vue()
this.bus.$emit('字段',要传递的数据)
this.bus.$on('字段',(msg) => {
})
组件的渲染:
定义组件,标签的形式展示
render方法取渲染
路由
路由定义
路由重定向
路由的高亮显示 linkActiveClass
路由传参
query $route.query url中以?开始添加参数,不影响路由规则的书写
params 要何路由规则对应 $route.params
路由嵌套---子路由:路由规则中添加children属性,数组,子路由的具体路由规则
路由的命名视图
一个path,对应展示多个组件(conponents 对象)
default:默认展示的组件,可以添加这个名字
-->
3-
MVVM思想
基本指令
{{}}
v-text
v-html
v-bind
属性处理
样式 class样式 内联样式
v-on
事件修饰符
.stop
.prevent
.capture
.self
.once
.native
v-model
v-for
key值 唯一 String或者是Number类型
v-if
v-show
组件
组件定义
私有组件
全局组件
父子组件间数据传递
v-bind props
v-on this.$emit()
v-on this.$emit(this.msg) 在父组件的方法中获取
ref属性---可以获取DOM元素,也可以获取组件(组件中的数据何方法都可以使用)
this.$refs.组件名.数据或者方法名
this.$parent 对象
this.$children 伪数组 下标的形式获取某一个子组件 uid
非父子组件:数据总线
Vue.prototype.bus = new Vue()
this.bus.$emit('字段',要传递的数据)
this.bus.$on('字段',(msg) => {
})
组件的渲染:
定义组件,标签的形式展示
render方法取渲染
路由
路由定义
路由重定向
路由的高亮显示 linkActiveClass
路由传参
query $route.query url中以?开始添加参数,不影响路由规则的书写
params 要何路由规则对应 $route.params
路由嵌套---子路由:路由规则中添加children属性,数组,子路由的具体路由规则
路由的命名视图
一个path,对应展示多个组件(conponents 对象)
default:默认展示的组件,可以添加这个名字
-->

浙公网安备 33010602011771号