欢迎光临
个人技术文档整理

前端技术

Vue CLI:路由器的两种工作模式(hash、history)
前端技术

Vue CLI:路由器的两种工作模式(hash、history)

tkw 阅读(599) 赞(5)

路由器的两种工作模式对于一个url来说,什么是hash值? #及其后面的内容就是hash值hash值不会包含在HTTP请求中,即:hash值不会带给服务器hash模式地址中永远带着#号,不美观若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法兼容性较好history模式地...

Vue CLI:组件自定义事件($emit)
前端技术

Vue CLI:组件自定义事件($emit)

tkw 阅读(538) 赞(2)

组件的自定义事件使用场景:子组件给父组件传数据,那么就要在父组件中给子组件绑定自定义事件(事件的回调在父组件中)绑定自定义事件第一种方式: v-on 配合$emit父组件接收子组件的值: {{ name }}import Add from "./AddE"; export default {comp...

Vue:表单输入绑定
前端技术

Vue:表单输入绑定

tkw 阅读(538) 赞(1)

表单输入绑定表单输入绑定是Vue中最常用的指令之一,它可以让你将表单输入的值与Vue实例中的数据属性绑定在一起。这意味着,当用户输入表单数据时,Vue实例中的数据也会自动更新,反之亦然。这种双向绑定可以极大地简化开发工作,减少了手动更新数据的需要。在Vue中,表单输入绑定可以使用v-model指令来...

Vue CLI:plugin 插件
前端技术

Vue CLI:plugin 插件

tkw 阅读(694) 赞(3)

plugin 插件是什么功能:用于增强Vue(向 Vue.js 添加全局方法或全局资源)作用域:始终是全局的,因此一旦安装了插件,它就可以在任何组件中使用本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据定义插件export defau...

Vue:内置指令、自定义指令
前端技术

Vue:内置指令、自定义指令

tkw 阅读(590) 赞(1)

内置指令v-bind 单向数据绑定,简写为 ":"动态地绑定一个或多个HTML属性到Vue实例中的数据属性点击我v-model 双向数据绑定(一般用于表单控件)v-model指令可以实现双向数据绑定,即将表单元素的value属性绑定到Vue实例中...

Vue:props 配置项
前端技术

Vue:props 配置项

tkw 阅读(540) 赞(2)

什么是propsprops是一种用于传递数据的特性。它允许您在父组件中定义数据,并将其传递给子组件。子组件可以通过props来接收这些数据,并使用它们来渲染自己。props使用方式props 让组件接收外部传过来的数据传递数据://:age="18" ,通过v-bind使得里面的18是数字 //n...