一.父传子(先写父组件父组件 //子组件的变量名前的冒号千万别丢了有和没有是两种意思子组件二.子传父先写子组件子组件子传父父组件子传父
原创
2021-06-03 20:08:53
104阅读
####重定向 使用 redirect,可以配置路由的重定向功能,有多种方式 { path: '/a', redirect: '/list' }, { path: '/b', redirect: { // name:'List', path: '/list' } }, 要动态的处理跳转的路径,也就是 ...
转载
2021-09-20 16:01:00
264阅读
2评论
Vue-CLI项目中路由传参一.标签传参方式:第一种router.js{
path: '/course/detail/:pk',
name: 'course-detail',
component: CourseDetail
}传递层详情页接收层let id = this.$route.params.pk演变体"""
{
path: '/course/:pk/:nam
原创
2021-06-03 20:13:33
135阅读
vue-cli 新建组件1 新建home组件替代HelloWorld组件
主页组件 <div style="width: 100%;height: 400px;background: aquamarine;">
数据区域 2 根路径设置为home组件(修改index.js路径文件)import Vue from 'vue'import Router from
转载
2021-05-08 23:50:30
207阅读
2评论
P13vue单文件组件vue-cli https://www.bilibili.com/video/av91679349?p=13
原创
2021-07-07 10:51:35
153阅读
条件:1,node.js2,npm3,vue步骤:1,npm install --global vue-cli;2,vue init webpack my-app;3,npm install;4,npm run dev;5,npm run build;注意:1,360可能会影响启动,建议关闭。2,配置了端口和IP后,记得还原。
原创
2018-09-10 20:02:14
530阅读
vue-cli一、什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个v
原创
2023-01-31 15:07:25
89阅读
1. 什么是 Vue CLI?Vue CLI(Command Line Interface)是一个基于 Node.js 的脚手架工具。通过命令行快速生成 Vue 项目模板,支持插件扩展、项目配置、开发服务器和构建工具。让你专注于业务开发,减少重复搭建环境的时间。2. 安装 Vue CLI确保你已安装 Node.js(版本 >= 8),然后在终端运行:npm install -g @
####组件化开发 一个.vue 文件就是一个组件,里面基本包含:html、js 和 css 三个部分; 这种方式,分离了每个组件的关联,提高了内聚,所以叫:组件化开发; 开发完毕后,再进行打包编译成常规模式即可运行; 默认创建的项目,src 包含两个文件:App.vue 和 main.js; 上节 ...
转载
2021-09-17 15:26:00
140阅读
2评论
####路由独享守卫 路由独享守卫:即在某个路由内设置,仅供这个路由进行设置 { path: '/', name: 'Home', component: Home, //路由独享守卫 beforeEnter : (to,form,next)=>{ console.log(to) console.lo ...
转载
2021-09-20 21:20:00
124阅读
2评论
工程结构 启动工程 TodoList.vue TodoItem.vue
原创
2021-07-21 10:20:48
458阅读
版本关系 vue-cli@3 使用的是 vue2 , vue-cli@4 使用的是vue3 安装 全局安装最高版本: $ npm install -g @vue/cli npm install -g @vue/cli //全局安装最高版本 npm install -g @vue/cli@3.12.0 ...
转载
2021-08-26 22:23:00
306阅读
2评论
父视图,通过属性传入参数 <template> <div class="home"> <Index name="Zhang" age="18"/> </div> </template> <script> import Index from '@/components/Index.vue' expor
原创
2021-08-05 15:31:06
776阅读
一、组件之间的嵌套(普通)1、效果图2、MyFather.vue<template> <div> <MySon></MySon> </div></template><script>i
原创
2022-05-24 18:10:55
333阅读
其实不难,确切说很简单,先看一下官网中的name作用name 类型:string 息。另外,当在有 vue-devtoo...
原创
2023-02-27 15:49:08
195阅读