构建实用VUE3项目

还没用几天VUE，就到3了，本文旨在记录构建一个实用项目模板昂。

1、自然是将VUE-CLI升级到最新版本啦（卸载旧的，安装zhui新的）

npm uninstall -g vue-cli

npm install -g @vue/cli

你要是想看看脚手架的版本，那敲这个

vue --version

2、构建你的项目吧

vue create myproject

进入配置的时候问你愿不愿意，你打YES就好

还有就是，既然想要VUE3的，记得选VUE3就好

到了这儿，一个原始的项目就有啦。

3、在项目目录中，建一个名叫vueconfigjs的文件，并且在这个文件里导出一个对象。至于这个对象里的选项和配的值，那就又可以写一篇了

4、配置路由（和子路由）

1）安装好路由插件     cnpm i vue-router@next -D

2）在src目录下创建 router/indexjs 

3）在根目录的mainjs里面引入路由  import router from '/router'

4)   在Vue对象中加入router的配置

import Vue from 'vue'

import VueRouter from 'vue-router'

import Login from '/views/Loginvue'

Vueuse(VueRouter)

  const routes = [

  {

    path: '/',

    redirect: '/login'

  },

  {

    path: '/login',

    name: 'Login',

    component: Login

  },

  {

    path: '/',

    component: resolve => require(['/views/Indexvue'], resolve),

    redirect: '/home',

    children: [

      {

        path: 'home',

        name: 'home',

        component: resolve => require(['/views/home/Homevue'], resolve),

        meta: { title: '首页'}

      },

      {

        path: '/programCard',

        name: 'programCard',

        component: resolve => require(['/views/programCard/cardvue'], resolve),

        meta: { title: '路由1'}

      }

    ]

  }

]

const router = new VueRouter({

  mode: 'hash',

  base: processenvBASE_URL,

  routes

})

export default router

5、安装VUEX并使用

1)安装vuex  cnpm i  vuex@next -D

2）在src目录下创建 store/indexjs 

3）在根目录的mainjs里面引入  import store from '/store'

4)   在mainjs里加入store的配置

6、配置axios

1)   安装vuex  cnpm i  axios@next -D

2)   在src目录建立api/requestjs,并在其中引入axios       import axios  from 'axios'

在requestjs中创建axios实例
添加请求拦截器和响应拦截器

再将实例导出export

3)在src目录建立api/indexjs,引用axios实例，并统一定义请求函数

7、在src下建立views目录和路由子目录home/Homevue

8、在assets目录增加css 、iconfont、images、js目录，存放资源

9、根目录下建立static\globaljs

定义常量 const API_ROOT='127001:8081'

建立对象windowglobal={

url:{

apiUrl:">

vue停运的原因：

1、用户体验不够好

不管做产品还是做服务，做硬件还是做软件，是在互联网还是传统行业，最核心比拼的是用户体验。

VUE VLOG在早期转型期间是想打造一款简单上手的视频剪辑软件，但随着“剪映”的崛起，其在体验上确实打不过剪映，剪映的软件功能相比于VUE更加强大，也更容易上手，推出的一些表情包和模板也被抖音平台带火，用户可以直接一件套用，而且完全不收费，在用户体验这一点上VUE落入下风。

2、VUE获客成本也大

从获客成本上来说，VUE也落入下风。抖音用户数量8亿，如此强大的用户量，抖音稍微给剪映导点流量，就够剪映活下去了。微信虽然也手握巨大流量，但视频号现在并没有完全做起来，而且视频号还推出了自己的剪辑软件“秒剪”，完全没看到有在给VUE导流的地方，这就导致了VUE获客成本也大大高于剪映这类平台。

3、用户使用的效率低

大家搞视频，无非是想上传抖音、西瓜视频、B站、小红书等类似平台，以达到吸粉，获取流量变现的目的。抖音推出的剪映，连接了抖音、头条、西瓜这三个平台，直接输出分享一条龙，相比于VUE的自己的社区，抖音、西瓜的受众面肯定更广。

4、选题同质化严重

VLOG的选题同质化很严重，而且范围很有限，无非是记录日常生活，美食、旅行等。作品很难保持长时间的高质量更新。题材有限，受众也就很难放大。除非像明星本来就有很大的粉丝群体，不然一个新人很难做起来。

5、VLOG的变现模式不清晰

长视频变现模式是会员＋广告，短视频是电商＋广告，国外VLOG的背后，有着成熟的商业变现模式。以Youtube为例，当一个创作者的频道达到一定规模，Youtube便会为其开通广告增值服务，据估算，当Youtuber的订阅量达到十万级别及以上，基本的生活就能够得到保障。除了平台分成还有产品推广、卖周边等等。

对于国内的VLOG来说，他们的收入最主要的还是广告，当然打赏、礼物也能做一些补充。不过对于一般创作者来说，拿到商业广告并非易事。对品牌来说，短视频效果来的更快。创作者赚不到钱就很难坚持下去，单纯靠爱发电是很难把用户量做上去的。平台也没有能力一直向创作者输血，总体而言，VLOG的造血能力不足。

1、导航被触发
2、在失活的组件里调用beforeRouteLeave守卫
3、调用全局beforeEach守卫
4、在重用的组件里调用beforeRouteUpdate守卫
5、在路由配置里调用beforeEnter
6、解析异步路由组件
7、在被激活的组件里调用beforeRouteEnter
8、调用全局吧的beforeResolve守卫
9、导航被确认
10、调用全局的afterEach钩子
11、触发DOM更新
12、调用beforeRouteEnter守卫中传给next的回调函数，创建好的组件实例会作为回调函数的参数传入

vue视频拍摄怎么用相信大家最近都听说了vue这个软件，这款短视频软件一时间非常火爆，确实很好用。还不知道vue视频拍摄怎么用的朋友可以看看我的这篇文章，看完也能和你的朋友一样使用这款装逼利器。下面我们就一起来看看vue拍摄视频利器教程。

vue视频拍摄怎么用

VUE 是一款短视频拍摄和剪辑应用，它能拍摄 6s 到 60s 时长不等的视频，其特点是 *** 作、分享简单，拥有级别的滤镜及强大的后期处理功能。 VUE 首次上架 App Store 时即被超过 120 个国家和地区 App Store 编辑推荐。下面我们就一起来学习下vue视频拍摄怎么用。

vue拍摄视频利器教程

1、拍摄

首先，在app商店里搜索下载，好了之后打开 VUE 应用便直接来到了拍摄主界面，整个界面的功能布局简洁明了。主体为中间的视窗，你能看到所拍摄的画面。视窗上部分的左侧是设置按钮，你可以设置滤镜、画幅、分镜数、时长、水印等功能;中间为滤镜，可以左右滑动切换;右侧为前置摄像头切换键，这款应用支持视频自拍，并且还有无瑕模式。

视窗右下方的小方块为画幅切换按钮;正下方是时间线，可以显示分镜头;标有 R 字的红色按钮为拍摄按钮;它左侧的 + 按钮可以添加相册中的视频素材;右侧的数字按钮可以设置分镜头的个数;而界面右下方的补给站为滤镜及贴纸下载中心。

总体来看， VUE 的 *** 作界面很简洁，滤镜、画幅及分镜头等快捷键布局合理，大大降低了视频拍摄的难度，即使是新手也能很快上手。

2、画幅

VUE 支持目前主流的画幅，包括竖屏全屏画幅、正方形、 16:9 、荧幕超宽屏，甚至还有与《我不是潘金莲》同款的圆形画幅。用户可以根据具体的画面及影像构图需求，实时切换不同的画幅，这大大添加了拍摄的趣味性。同时用户也能够利用画幅，创作出更加新颖的作品。

3、滤镜

要想拍出大片效果，单靠画幅还不够，这时候就需要滤镜加持了。滤镜有着化腐朽为神奇的功能，在各种修图软件中它就是主角。不过，在视频编辑软件中，好看的滤镜却并不多见。

VUE 的主打功能便是滤镜，它内置了 12 款实时滤镜，比如阳光灿烂的日子、盛夏光年、挪威的森林、菊次郎的夏天、蓝莓之夜等，这些滤镜很多就是直接以来命名的。

如果你想拍出王家卫导演的风格，切换至蓝莓之夜滤镜就好了;如果你想拍出陈英雄导演的风格，切换至挪威的森林滤镜便可。

据 VUE 团队透露，为了能够让用户在滤镜上有更好的体验，他们请来了顶级的调色师制作滤镜。这些滤镜调色师是多年的从业者，亲手完成过 200 多部的调色。

不过，的调色跟软件滤镜还是有着很大的区别，这些滤镜也都只是在模拟的风格，具体效果自然是见仁见智。

4、后期

同各类修图软件一样， VUE 也提供了强大的后期处理功能。

在视频拍摄完成后，便进入到了编辑界面。用户可以对视频进行亮度、对比度、饱和度、锐化、暗角等细节调整。同时，你还可以对分镜头进行编辑，包括调节每个分镜头的变焦效果，排列顺序，还可以给每段镜头分别加入一段字幕。

BGM (背景音乐)自然是视频不可缺少的元素，你还可以去掉不同分镜头的背景声，给视频加上统一的 BGM 。 VUE 内置了一些 BGM ，你也可以从 iTunes 音乐中导入，但目前还不支持从 QQ 音乐、网易云音乐等第三方音乐软件中导入。

你还可以给视频加上各种贴纸，比如这款可在视频里显示所在地的天气、位置以及 AQI 空气指数的贴纸水印， VUE 内置了丰富多样的贴纸。

>