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评论
一、组件之间的嵌套(普通)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阅读
一.父传子(先写父组件父组件 //子组件的变量名前的冒号千万别丢了有和没有是两种意思子组件二.子传父先写子组件子组件子传父父组件子传父
原创
2021-06-03 20:08:53
104阅读
首先需要Node.js环境支持: Node.js官网下载: https://nodejs.org/en/ 右边稳定版,左边最新版 下载安装程序之后双击运行,无脑下一步 打开终端输入版本查看命令: node -v nodejs有npm,类似linux的rpm包管理器的东西 同理这个也有版本 npm -
转载
2020-07-16 23:29:00
377阅读
2评论
前言 这段时间,算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了,所以,接下来会慢慢整理出一些文档来记录前段时间的工作和生活。 这篇文章的主题是vue cli的理解。或许,很多人在开发vue的时候,我们会发现一个问题——只会去用,而不明白它的里面的东西。现在的框架可以说是足够的优秀,
转载
2018-11-14 21:04:00
144阅读
2评论