vue模板官网

本文来自微信公众号：人人都是产品经理（ID：woshipm），作者：薛延松，原文标题：《工具产品之死，谁的责任》，题图来自：视觉中国

6月30日晚，用户量曾过千万的短视频社区VUE vlog宣布停运公告：

用户眼里的VUE：是好用的工具，不是好平台

VUE vlog成立于2016年3月，从早期的视频剪辑工具转型成功进入vlog社区，2019年用户量登顶，社区注册用户1200万，1亿用户下载安转量，日活DAU达到 300多万，拿到了真格基金、九合创投、贝塔斯曼、愉悦资本的多轮融资，名副其实的创业成功典范。

我是2016年11月第一次接触VUE，做新媒体运营的朋友推荐，说这款app画质很精美，剪辑拍摄的视频很方便，模板跟得上潮流，滤镜精美，配乐长在大众审美点上。

下载开始使用后，第一眼很惊艳，作为产品狗，天然喜欢VUE这样操作简洁，页面干净清爽的应用，时至今日我仍然认为VUE的产品设计是走心了的，没有盲目抄袭，有自己的风骨。

VUE的崛起与时代的内容发展趋势相关联。

2016年是Vlog元年，大爆发的创作者们，市场上内容创作流行的新方式是短视频，很多文艺青年都用Vlog展示自己热爱的生活，比如爱拍视频的王珞丹。

VUE见证了短视频行业的发展，它刚开始的定位是剪辑工具，和今天大家熟悉的剪映、快影、必剪一样，为了方便用户拍摄视频后进行快捷编辑内容。

VUE 的停运，和大厂收购有关联吗？

你如果还记得上文我提到的VUE高光时刻，现在就可以理解为什么我不把腾讯5000万美金的收购当做它的showtime——因为被收购不是它的高光时刻，是一个英雄没落的前奏。

从2020年9月被收购一事可以窥觊VUE团队在经营中暴露的工具类或社区类产品的致命软肋：工具类产品，特别是面向C端用户的一类，往往容易出现叫好不叫座，用户量大，盈利数据尴尬的局面。

VUE的失败一方面是自身的经营困境，另一方面与竞争对手的崛起有关，特别是自带生态的竞对。

九死一生的转型：工具—社交—平台

有这样一类应用，获取用户容易，往下商业化就很难。

天气类应用就是其中一例。

墨迹天气的装机量是4.7亿，日活3507万，从使用黏性最好的微信的日月活比（不到3）来看，墨迹天气app的月活肯定在1亿以上。

墨迹天气覆盖的人群也相当广泛，不经思考，墨迹除了看天气，还能实现哪些突破呢？

墨迹曾经尝试过最热门的出海，继续扩大用户量，也许会找到突围之路，后面尝试过做硬件、做电商，甚至是包装大数据的概念去to G，最终我们仍然在期待老金的团队能够走出一个奇迹。

美图旗下所有app加起来的月活是4.56亿，其中美图秀秀1.06亿、美拍1.1亿、美颜相机1.31亿。

和墨迹天气一样，它面临的困境也是工具之觞。用户停留时长短，却走了一条和墨迹完全不同的变现之路，大家都在期待从工具到社区再到平台的逆袭之路。

微信是不是也是工具之神？从熟人社交工具，到社交生态王国。

我们复盘微信的晋级之路，从替代运营商的短信沟通，再到朋友圈，转入微信公众号内容，增加支付。

说微信一开始就想清楚了每一步，这个我相信很多人都是不信的，我也不信，不过度神化某个团队，大家都是在创业过程中根据用户反馈需求来一点点布局。

目前互联网产品最主要变现的方式是依托流量售卖广告，但是走广告变现这条路就必须满足两个小要求：用户使用频次高和用户停留时间长。

于是，大家开始了“工具—服务/内容—社交—平台”的漫长转型之路，希望通过社交来增加用户黏性，占领更多用户时间，同时还能够构建用户壁垒，缩短变现路径。

我们回到VUE的复盘。

上线v3.0的版本，VUE全面转型成了Vlog社区，产品愿景是“手机用户首选的视频创作和分享平台”。

2018年，VUE完成了两次更新，7月上线了社区，用户可将制作好的视频根据不同主题上传至频道内，并在社区内进行互动交流，目标是成为中国视频版的Instagram。

我们看上面的万能公式，VUE其实已经走出来，走了一条去工具化的社区之路，可是为什么还会失败，从被迫卖身到无奈关停，是什么造成了它的死亡？

是时间！时间才是唯一不可复生的资源，一旦错过冲量成平台的最佳时间点，就满盘皆输。

不只是工具类产品跨不过，巨头也有跨不过去的，比如百度。市值被卡在千亿之下的结果就是两大同行者阿里与腾讯均完成了社区到平台的扩张，而它还留在上一个时代。

社区离平台只有一步之遥，却也是最难聚齐所有关键因素的一次豪赌。

突围之路：“工具社区”进化成“生态”

一款视频剪辑工具通常的营收来源主要有两部分，一个是用户订阅会员，另一个是广告收入，这两个都以用户数量为基础，而VUE VLOG在这件事上，并不占优势。

在变现上VUE一直存在焦虑，从会员收费权益上可以看出来，它虽然见证了短视频时代的崛起，但是却没有摆脱Vlog的工具基因。

在用户们追求短平快爆点刺激的驱动下，内容创作者们开始大量生产15秒的内容，而VUE守着它的3min已经在下沉。

丰富的UGC内容生产与消费，是社区的核心，而VUE还为了短期收益限制创作者的内容，也许当年让内容百花齐放跑的再快一点，不留空档，今天就没有抖音和快手的豪横格局了。

张一鸣说：“跑得快最重要。”无论是头条、抖音还是海外市场的TikTok，这位执掌字节跳动航母的大脑都是这个理论，唯快不破。因为它们都是工具类或内容类产品，跑得快能带来海量用户，海量用户能够带来行为习惯。

产品的渗透与覆盖主要靠用户之间传播、自然增长与人为购买用户量。“买量：自然量”从买量占大头，过渡到自然量占大头，数字一格一格向后挪动， “形成了自然、健康的增长状态”。

TikTok和VUE起点当然不同，VUE早期是工具属性，方便用户视频剪辑与编辑而生，2018年7月后延伸社交互动变成社区（UGC视频内容），新用户消费其他创作者的内容，套模板是一开始的动作，不能成为终局，这里的蛋糕被所有视频类APP所瓜分。

短视频剪辑工具是伴生属性，它如果不能自己长成内容生态平台，就需要依赖其他内容巨头，如何与巨头绑定的无缝衔接，脱离不开进入生态版图才能活下来。

比如抖音的剪映、快手的快影、B站的必剪以及百度旗下好看视频的度咔剪辑。

对于剪映、快影、必剪等剪辑工具来说，在产品持续地升级、完善中，技术已经不是用户增长的瓶颈了，他们的战场并不在他们本身，而是他们背后的平台。

视频剪辑工具跟短视频平台高度绑定，比如在剪映上剪辑的视频，可以一键同步到抖音平台，如果想要在其他平台发布，需要先下载到本地，再上传到平台上，繁琐的流程会让用户们的创作热情大打折扣。

视频剪辑工具用户增长的核心取决于用户对于短视频平台的粘性，如今抖音的月活已经超过了快手与B站的总和，快影、必剪若要赶超剪映，仍需把重点放在短视频平台的增长上。

内容产业的本质，不是内容本身的价值，是内容背后的人群价值。

VUE Vlog从工具走向社区，是体现团队前瞻判断力的一步；倒在从社区走向平台的一步，一方面我们可以称赞它已经是成功者，秒剪是它的延续，毕竟不是谁都能有幸被腾讯收购；另一个层面，我们认为它的失败是必然，社区逆袭成平台本就是一次海量资源的豪赌，如果自己不够快，不能与时间赛跑长成平台，那就去寻找依附一个生态平台。

作为曾经的用户，我仍然能想起第一次使用它的惊艳感，我想它赢在记忆里了。

本文来自微信公众号：人人都是产品经理（ID：woshipm），作者：薛延松

关庭蓉2305vue怎么提取sass的样式,需要webpack的什么配置 -
施澜裕13881803084 ______ vue提供了初始化的webpack模板,其中使用了vue-loader.vue-loader默认只支持sass, 要是想要使用scss,必须安装 node-sass和sass-loader,然后再webpack的配置文件中添加 module.exports = { vue: { loaders: { scss: ['vue-style-loader','css', 'sass'].join('!') },} } 然后在.vue格式的模板中,style 标签中添加 lang='scss' 就可以了.

关庭蓉2305Vue.js为什么不支持templateUrl模式 -
施澜裕13881803084 ______ Angular的世界里,templateURL 或者 ng-include 允许使用者在运行时动态的加载远程模板文件,这个看起来很方便,作为一个自带功能,但是让我们来重新审视下这个功能.首先,它允许我们能够编写一个分离的html文件作为模板,这样子我们...

关庭蓉2305vue vonic怎么修改样式 -
施澜裕13881803084 ______ 使用Vonic UI 开发时如何将Vue.use的语法改为new Vue的语法?作者 stonemakers 一般来说,使用vue-cli创建好一个项目的时候,在main.js中会有一个new Vue({ //*** }) 的初始化函数.但是今天在用Vonic UI的时候,他的main.js中是这样写的...

关庭蓉2305vue 怎么让template一开始就挂载到router - view上 -
施澜裕13881803084 ______ ain.js代码如下:import Vue from 'vue'; import App from './App'; import VueRouter from 'vue-router'; import Hello from './components/Hello' Vue.use(VueRouter) const routers = new VueRouter({ mode:'history', routes:[{path: '/',component: Hello}] }) new Vue({ el:'#app', routers,

关庭蓉2305开发vue的过程中,需要面对的主要问题有哪些 -
施澜裕13881803084 ______ vue 项目的开发流程1.$ node -v (检测node版本,node版本需要在 V4 以上)2.全局安装vue $ npm install -g vue3.安装脚手架 $ npm install -g vue-cli4.运行 vue 命令,看是否已安装完毕 $ vue / $ vue list (查看可安装的模板)5.安装模板 $ vue init ...

关庭蓉2305vue2.0用脚手架搭建的官方例子怎么用webpack打包 如何配置 -
施澜裕13881803084 ______ 前言 vue2 然后通过以下命令安装 webpack cnpm install webpack -g 注:下面 orange 默认给出 npm 的安装方案,安装失败请自行转为 cnpm 安装 在需要创建工程的位置运行 vue init webpack-simple 工程名字 或者创建 vue1.0 的项目,只需将命...

关庭蓉2305认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别 -
施澜裕13881803084 ______ 首先,我们先了解什么是MVX框架模式?MVX框架模式:MVC+MVP+MVVM1.MVC:Model(模型)+View(视图)+controller(控制器),主要是基于分层的目的,让彼此的职责分开.View通过Controller来和Model联系,Controller是View和...

关庭蓉2305webstorm 什么版本支持vue -
施澜裕13881803084 ______ 1. 首先安装vue插件,安装方法: file-->setting --> plugin ,点击plugin,在内容部分的左侧输入框不用输入任何东西,直接点击下图中的按钮.2、再在下图中左侧输入框中输入vue,点击列表中的vue.js,右侧框中会出现一个绿色方框install,点击安装(我已经安装过了,所以没有出现),一直走下去就可以了.安装完成后,就可以看到,新建文件时,会有vue文件的提示.3、设置vue新建文件模板.file-->setting-editor-->file and code Templates,选择vue File,然后在右边框中编辑默认模板内容.

关庭蓉2305如何用 Vue.js 实现一个建站应用 -
施澜裕13881803084 ______ 需求 获取需求是开始项目的第一步.一般来说建站工具大多提供以下功能: 提供模板 主题色 丰富的功能模块,如图文、轮播、相册等 模块可以拖拽以及根据需求配置 支持创建多个页面的网站 页面可以分栏分区,有一些布局上的变化 网站支持...