vue搭建
星星误
镜中已觉星星误,人不负春春不负。不想浑浑噩噩的平淡的过,就像来点有意思的!
展开
-
vue--有关于嵌套路由的事情(三)
上面的(二)文章是针对一个页面来说的单个路径,如果碰见了多层嵌套组成的一个页面的情况下,我们就可以在一个页面下控制不同的组件的变化了切换页面的效果可以是嵌套路由来实现,首先在上一个App.vue页面中的最顶层的路由出口是<router-view></router-view>通过组件渲染的方式实现调控的整体的页面,也就是用来渲染最高级路由匹配到的组件。那么嵌套路由也是同样可以用这个来进行渲染新的组件的,但是不是根组件的出口,是在这个最高级路由匹配到的组件中嵌套一个新的次级出口原创 2020-05-19 10:38:52 · 399 阅读 · 0 评论 -
vue--创建组件配置路由(二)
有关于组件和路由:组件是我们根据需求封装出来的HTML页面 路由是一个项目中的枢纽,调配我们创建的各个组件,让不同的页面可以进行切换模块化组件 就是把多个功能拆分成一个一个的vue文件,让他们自己有一定的独立性使用组件 -> 先注册组件template -> 编写组件组件模块化之后创建的组件都只需要挂载到App.vue中我们要做的是在template标签集中编写文件。在component/common 的文件夹下创建 Home.vue文件写一下home.vue的页面原创 2020-05-19 10:17:23 · 1204 阅读 · 0 评论 -
vue项目--认识一下vue-cli的目录情况(一)
有关于vue-cli的介绍:vue-cli是一个基于vue.js进行快速开发的工具,是可以通过@vue-cli来搭建交互式的项目脚手架cli: @vue/cli,需要安装全局的npm包给我们提供vue的命令,可以帮助我们快速的创建Vue项目的需求。cli服务:@vue/cli-serve ,是开发环境的一来,是一个局部安装在@vue-cli创建的项目中的npm包,npm包安装了一个名字为vue-cli-service的命令,我们可以再创建爱你项目之后的package.json文件中找到对应的sc原创 2020-05-18 17:19:35 · 265 阅读 · 0 评论 -
vue新手实战项目--搭建vue项目
1.构建新项目在终端中运行cd命令。切换到自己想保存的文件夹目录下,首先命令cmd进入到这个文件夹。2.接着执行下面命令:vue init webpack 自己起的项目名(webpack就是前端资源管理和打包的这么一个作用,是现代js应用程序的静态模块打包器)以vue为功能的初始化操作,打包一个自己的新项目3.构建完成会发现多出来文件夹,进入文件夹可以发现再返回来看到cm...转载 2019-08-27 09:25:17 · 514 阅读 · 0 评论 -
vue新手实战项目--vue-cli的结构分布
了解一下vue-cli项目结构分布文件结构部分1.build文件:是webpack的配置,当我们开始输入npm run dev想要启动项目的时候,首先启动的就是dev-server.js,它主要就是检查node 、npm版本,架子啊配置文件,启动服务2.config–vue的项目配置config文件主要是项目的相关配置。常用的就是当端口冲突的时候,配置监听端口,打包输出路径和命名等...转载 2019-08-27 10:49:14 · 288 阅读 · 0 评论 -
小白vue--引入elementUI组件
搭建好vue之后引入elementUI组件https://www.jb51.net/article/123032.htm?utm_medium=referral脚本之家参考步骤转载 2019-08-28 18:22:26 · 103 阅读 · 0 评论 -
小白七七之vue-cli简单的路由跳转
1.通过连接建立俩个页面,先建立首页面first.vue<template> <div> <router-link >出发到a页面</router-link> <router-link>出发到b页面</router-link> </div></template>设立好两个...原创 2019-08-29 15:03:09 · 169 阅读 · 0 评论 -
小白七七vue--版本bug之internal/modules/cjs/loader.js:775;
C:\Users\lenovo>"node" "C:\Users\lenovo\AppData\Roaming\npm\\node_modules\vue-cli\bin\vue" -Vinternal/modules/cjs/loader.js:775 throw err; ^Error: Cannot find module 'C:\Users\lenovo\Ap...原创 2019-08-30 09:53:55 · 5576 阅读 · 0 评论