vue
文章平均质量分 71
vue
内师-ZT
这个作者很懒,什么都没留下…
展开
-
Vue CLI脚手架项目目录详解
当用npm run serve启动项目时,首先会运行入口程序main.js1、main.js会引入并加载根组件App.vue2、注册:注册分为局部注册和全局注册,可以将components下的普通组件在App.vue中进行引入和局部注册,或在main.js中进行引入和全局注册3、main.js 将加载的App.vue挂载到 public/index.html 中定义的容器元素上原创 2023-07-07 12:49:20 · 1029 阅读 · 0 评论 -
Vue Router的基本使用、router-link以及router-link-active
在Vue中,可以使用Vue Router来实现路由功能。Vue Router是Vue.js官方提供的一个插件,用于实现前端的路由管理。使用Vue Router可以将不同的页面映射到对应的URL路径,并通过URL的变化在不刷新页面的情况下展示不同的内容。这样可以实现单页应用(SPA)的效果,让用户在页面之间进行无刷新的导航操作。原创 2023-07-10 00:54:02 · 7617 阅读 · 0 评论 -
Vue v-on事件处理与事件修饰符
在Vue.js中,v-on是一个指令,用于监听DOM事件并执行相应的表达式或调用方法。它可以用来响应用户的交互操作,例如点击、输入等。原创 2023-06-22 02:32:10 · 242 阅读 · 1 评论 -
Vue编程式导航传递参数的两种方式
在定义路由时,可以设置路由路径中的参数部分,使用冒号(:)来标记参数。查询参数是通过URL中的问号(?)和键值对的形式传递的参数。1、第一种不使用路由中的name属性。2、 第二种使用路由中的name属性。1、第一种不使用路由中的name属性。来获取查询参数的值。来获取路由参数的值。只能写成 (没有简写)2、使用name属性。原创 2023-07-11 14:19:08 · 458 阅读 · 0 评论 -
Vue computed计算属性
计算属性是Vue.js中一种非常有用的特性,它可以根据已有的数据计算出一个新的属性,并将其作为响应式数据供模板使用。原创 2023-06-22 14:00:43 · 101 阅读 · 1 评论 -
Vue编程式导航
编程式导航是指通过代码来进行页面跳转或导航的方法。它在前端框架中常用于在用户交互或特定条件下实现页面的跳转、重定向或刷新。在Vue.js中,Vue Router提供了一种编程式导航的方式来进行路由操作。它允许你通过调用this.$router对象的方法来实现页面的跳转。原创 2023-07-10 16:32:44 · 977 阅读 · 0 评论 -
Vue路由守卫详解
路由守卫是Vue Router提供的一种机制,用于在导航过程中对路由进行控制和管理。通过使用路由守卫,你可以在路由切换前、切换后以及错误处理时执行相应的逻辑。原创 2023-07-11 15:18:00 · 8848 阅读 · 0 评论 -
Vue CLI脚手架自定义创建项目详细过程
如果已经下载和配置好了node.js,那么就可以使用Vue CLI脚手架来创建vue项目。原创 2023-07-09 12:09:54 · 880 阅读 · 0 评论 -
Vue中watch监视属性
在Vue中可以使用watch属性来监听属性变化语法 watch: { 要监视的属性(newValue, OldValue) { /在这里可以添加响应属性变化的逻辑 } },原创 2023-07-06 00:54:57 · 599 阅读 · 0 评论 -
Vue嵌套路由
要表示子路由,首先需要在父级路由的配置中添加 `children` 字段,并在该字段中定义子路由。子路由是一个数组,每个元素代表一个子路由对象,其中包含路径、组件和其他选项。原创 2023-07-17 14:59:02 · 193 阅读 · 0 评论 -
解决element ui无法修改height和padding
当我使用element ui的布局容器组件时,想要修改height和padding,发现无法使用style样式不起作用可以尝试用以下方法解决:1、修改height,直接在el-header标签的行内修改原创 2023-07-17 00:03:13 · 3227 阅读 · 0 评论