比特派钱包app官网下载最新版|v2
Page Not Found · GitBook (Legacy)
Page Not Found · GitBook (Legacy)
401
Unauthorized
介绍 — Vue.js
介绍 — Vue.js
Vue 2 已经终止支持且不再维护。
请升级到 Vue 3
或了解有关
|
Vue 2 终止支持 (EOL) 的信息。
Vue.js
学习
文档
教程
API
风格指南
示例
Cookbook
视频教程
Vue Mastery (英文)
Vue School (英文)
DCloud 视频教程
生态系统
帮助
论坛
聊天室
聚会
工具
Devtools
Vue CLI
Vue Loader
核心插件
Vue Router
Vuex
Vue 服务端渲染
信息
周刊
活动
博客
工作
DEV 社区
资源列表
团队
赞助商
合作伙伴
主题
Awesome Vue
浏览和 Vue 相关的包
终止支持 (EOL)新
多语言
English
日本語
Русский
한국어
Português
Français
Tiếng Việt
Español
Bahasa Indonesia
参与翻译
特别赞助商
教程
3.x
2.x
1.0
0.12
0.11
基础
安装
介绍
Vue 实例
模板语法
计算属性和侦听器
Class 与 Style 绑定
条件渲染
列表渲染
事件处理
表单输入绑定
组件基础
深入了解组件
组件注册
Prop
自定义事件
插槽
动态组件 & 异步组件
处理边界情况
过渡 & 动画
进入/离开 & 列表过渡
状态过渡
可复用性 & 组合
混入
自定义指令
渲染函数 & JSX
插件
过滤器
工具
单文件组件
测试
TypeScript 支持
生产环境部署
规模化
路由
状态管理
服务端渲染
安全
内在
深入响应式原理
迁移
从 Vue 1.x 迁移
从 Vue Router 0.7.x 迁移
从 Vuex 0.6.x 迁移到 1.0
迁移至 Vue 2.7
更多
对比其他框架
加入 Vue.js 社区
认识团队
您正在浏览的是 Vue 2.x 的文档。Vue 3 的文档在这里。
介绍
Vue.js 是什么观看本节视频讲解
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带您了解其核心概念和一个示例工程。
如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。
起步观看本节视频讲解
官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。
安装
尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：
或者：
安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli，尤其是在你还不熟悉基于 Node.js 的构建工具时。
如果你喜欢交互式的东西，你也可以查阅这个 Scrimba 上的系列教程，它揉合了录屏和代码试验田，并允许你随时暂停和播放。
声明式渲染观看本节视频讲解
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：
var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})
{{ message }}
我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？打开你的浏览器的 JavaScript 控制台 (就在这个页面打开)，并修改 app.message 的值，你将看到上例相应地更新。
注意我们不再和 HTML 直接交互了。一个 Vue 应用会将其挂载到一个 DOM 元素上 (对于这个例子是 #app) 然后对其进行完全控制。那个 HTML 是我们的入口，但其余都会发生在新创建的 Vue 实例内部。
除了文本插值，我们还可以像这样来绑定元素 attribute：
var app2 = new Vue({ el: '#app-2', data: { message: '页面加载于 ' + new Date().toLocaleString() }})
鼠标悬停几秒钟查看此处动态绑定的提示信息！
这里我们遇到了一点新东西。你看到的 v-bind attribute 被称为指令。指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute。可能你已经猜到了，它们会在渲染的 DOM 上应用特殊的响应式行为。在这里，该指令的意思是：“将这个元素节点的 title attribute 和 Vue 实例的 message property 保持一致”。
如果你再次打开浏览器的 JavaScript 控制台，输入 app2.message = '新消息'，就会再一次看到这个绑定了 title attribute 的 HTML 已经进行了更新。
条件与循环观看本节视频讲解
控制切换一个元素是否显示也相当简单：
现在你看到我了
var app3 = new Vue({ el: '#app-3', data: { seen: true }})
现在你看到我了
继续在控制台输入 app3.seen = false，你会发现之前显示的消息消失了。
这个例子演示了我们不仅可以把数据绑定到 DOM 文本或 attribute，还可以绑定到 DOM 结构。此外，Vue 也提供一个强大的过渡效果系统，可以在 Vue 插入/更新/移除元素时自动应用过渡效果。
还有其它很多指令，每个都有特殊的功能。例如，v-for 指令可以绑定数组的数据来渲染一个项目列表：
- {{ todo.text }}
var app4 = new Vue({ el: '#app-4', data: { todos: [ { text: '学习 JavaScript' }, { text: '学习 Vue' }, { text: '整个牛项目' } ] }})
{{ todo.text }}
在控制台里，输入 app4.todos.push({ text: '新项目' })，你会发现列表最后添加了一个新项目。
处理用户输入观看本节视频讲解
为了让用户和你的应用进行交互，我们可以用 v-on 指令添加一个事件监听器，通过它调用在 Vue 实例中定义的方法：
{{ message }}
var app5 = new Vue({ el: '#app-5', data: { message: 'Hello Vue.js!' }, methods: { reverseMessage: function () { this.message = this.message.split('').reverse().join('') } }})
{{ message }}
反转消息
注意在 reverseMessage 方法中，我们更新了应用的状态，但没有触碰 DOM——所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注逻辑层面即可。
Vue 还提供了 v-model 指令，它能轻松实现表单输入和应用状态之间的双向绑定。
{{ message }}
var app6 = new Vue({ el: '#app-6', data: { message: 'Hello Vue!' }})
{{ message }}
组件化应用构建观看本节视频讲解
组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：
在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。在 Vue 中注册组件很简单：
// 定义名为 todo-item 的新组件Vue.component('todo-item', { template: '
现在你可以用它构建另一个组件模板：
但是这样会为每个待办项渲染同样的文本，这看起来并不炫酷。我们应该能从父作用域将数据传到子组件才对。让我们来修改一下组件的定义，使之能够接受一个 prop：
Vue.component('todo-item', { // todo-item 组件现在接受一个 // "prop"，类似于一个自定义 attribute。 // 这个 prop 名为 todo。 props: ['todo'], template: '
现在，我们可以使用 v-bind 指令将待办项传到循环输出的每个组件中：
Vue.component('todo-item', { props: ['todo'], template: '
尽管这只是一个刻意设计的例子，但是我们已经设法将应用分割成了两个更小的单元。子单元通过 prop 接口与父单元进行了良好的解耦。我们现在可以进一步改进
在一个大型应用中，有必要将整个应用程序划分为组件，以使开发更易管理。在后续教程中我们将详述组件，不过这里有一个 (假想的) 例子，以展示使用了组件的应用模板是什么样的：
与自定义元素的关系你可能已经注意到 Vue 组件非常类似于自定义元素——它是 Web 组件规范的一部分，这是因为 Vue 的组件语法部分参考了该规范。例如 Vue 组件实现了 Slot API 与 is attribute。但是，还是有几个关键差别：
Web Components 规范已经完成并通过，但未被所有浏览器原生实现。目前 Safari 10.1+、Chrome 54+ 和 Firefox 63+ 原生支持 Web Components。相比之下，Vue 组件不需要任何 polyfill，并且在所有支持的浏览器 (IE9 及更高版本) 之下表现一致。必要时，Vue 组件也可以包装于原生自定义元素之内。
Vue 组件提供了纯自定义元素所不具备的一些重要功能，最突出的是跨组件数据流、自定义事件通信以及构建工具集成。
虽然 Vue 内部没有使用自定义元素，不过在应用使用自定义元素、或以自定义元素形式发布时，依然有很好的互操作性。Vue CLI 也支持将 Vue 组件构建成为原生的自定义元素。
准备好了吗？我们刚才简单介绍了 Vue 核心最基本的功能——本教程的其余部分将更加详细地涵盖这些功能以及其它高级功能，所以请务必读完整个教程！
← 安装
Vue 实例 →
发现错误？想参与编辑？
在 GitHub 上编辑此页！
GitHub - forevergooe/v2-ui
GitHub - forevergooe/v2-ui
Skip to content
Toggle navigation
Sign in
Product
Actions
Automate any workflow
Packages
Host and manage packages
Security
Find and fix vulnerabilities
Codespaces
Instant dev environments
Copilot
Write better code with AI
Code review
Manage code changes
Issues
Plan and track work
Discussions
Collaborate outside of code
Explore
All features
Documentation
GitHub Skills
Blog
Solutions
For
Enterprise
Teams
Startups
Education
By Solution
CI/CD & Automation
DevOps
DevSecOps
Resources
Learning Pathways
White papers, Ebooks, Webinars
Customer Stories
Partners
Open Source
GitHub Sponsors
Fund open source developers
The ReadME Project
GitHub community articles
Repositories
Topics
Trending
Collections
Pricing
Search or jump to...
Search code, repositories, users, issues, pull requests...
Search
Clear
Search syntax tips
Provide feedback
We read every piece of feedback, and take your input very seriously.
Include my email address so I can be contacted
Cancel
Submit feedback
Saved searches
Use saved searches to filter your results more quickly
Name
Query
To see all available qualifiers, see our documentation.
Cancel
Create saved search
Sign in
Sign up
You signed in with another tab or window. Reload to refresh your session.
You signed out in another tab or window. Reload to refresh your session.
You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
forevergooe
/
v2-ui
Public
Notifications
Fork
74
Star
66
License
GPL-3.0 license
66
stars
74
forks
Branches
Tags
Activity
Star
Notifications
Code
Issues
2
Pull requests
2
Actions
Projects
0
Security
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security
Insights
forevergooe/v2-ui
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
masterBranchesTagsGo to fileCodeFolders and filesNameNameLast commit messageLast commit dateLatest commit History129 Commits.github/ISSUE_TEMPLATE.github/ISSUE_TEMPLATE basebase serverserver staticstatic templatestemplates translationstranslations utilutil v2rayv2ray 1.png1.png 1_en.png1_en.png 2.png2.png 2_en.png2_en.png LICENSELICENSE README.en.mdREADME.en.md README.mdREADME.md babel.cfgbabel.cfg init.pyinit.py install.shinstall.sh messages.potmessages.pot requirements.txtrequirements.txt template_config.jsontemplate_config.json v2-ui.pyv2-ui.py v2-ui.servicev2-ui.service v2-ui.shv2-ui.sh View all filesRepository files navigationREADMEGPL-3.0 license中文 | English
捐赠支持
如果你觉得面板好用的话，可以考虑一下捐赠支持，金额随意，感谢支持。
Paypal
USDT：0xa77579db35ad766844d41aca541d658349268012
以太坊 (ETH)：0xa77579db35ad766844d41aca541d658349268012
比特币 (BTC)：bc1qemdf5vdz8cq07cdcqzhvzewy35994cxt7gnrpegaz8txwxfp2ysqtfw6hh
v2-ui
支持多协议多用户的 v2ray 面板，Support multi-protocol multi-user v2ray panel
帮助翻译
面板目前支持中文与英文，如果你发现了错误的翻译想帮助修正，或者想帮助翻译成更多的语言，可以在 translations 文件夹中找到各语言对应的翻译，例如 translations/zh/LC_MESSAGES/message.po 文件是中文翻译内容。其中 msgid 是英文原文，msgstr 是翻译后的内容，每个 msgid 对应一个 msgstr。
当然，文档目前也只支持中文和英文，如果你想帮助翻译，那么创建一个文件 README.lang.md，lang 是该语言的英文缩写，例如 en 代表英文。
详细教程
https://blog.sprov.xyz/v2-ui/
运行截图
功能介绍
系统状态监控
支持多用户多协议，浏览器可视化操作，无需敲命令
支持的协议：vmess、shadowsocks、dokodemo-door、socks、http
vmess 支持的传输配置：tcp（http伪装、tls）、kcp（伪装）、ws（tls）、http（tls）、quic（tls）
支持账号流量统计
支持自定义 v2ray 配置模板
支持 https 访问面板（需自备域名 + ssl 证书）
更多高级配置项，详见面板
安装&升级
用户注意事项（必看）
v2-ui 与其它所有关于修改 v2ray 配置文件的工具完全不兼容（包括 sprov-ui），安装 v2-ui 后会导致 v2ray 配置文件被重写，导致原有 v2ray 账号丢失，如有必要，请自行提前做好备份，以免造成不必要的后果。
建议系统
CentOS 7+
Ubuntu 16+
Debian 8+
一键安装&升级
bash <(curl -Ls https://blog.sprov.xyz/v2-ui.sh)
手动安装&升级
手动安装 v2ray
https://github.com/v2ray/v2ray-core/releases
进入上面的 Github 地址，下载 v2ray 最新的 v2ray-linux-64.zip 文件，下载完成后将该文件上传至你的 VPS 里的 root 目录下。
使用以下命令进行本地安装 v2ray，如果你将 v2ray-linux-64.zip 文件上传至了其它目录，那么需要将命令中的 /root/v2ray-linux-64.zip 替换为你实际的文件路径。
bash <(curl -L -s https://install.direct/go.sh) --local /root/v2ray-linux-64.zip
如果安装顺利的话，进入下一步，若安装不顺利的话，可以向 v2ray 官方寻求帮助，因为这是 v2ray 官方的脚本，不是我的。
手动安装 v2-ui
https://github.com/sprov065/v2-ui/releases
从该地址中下载最新的 v2-ui-linux.tar.gz 文件，并上传至 VPS 的 /root/ 目录下。若你上传至其它的目录，则将第一行命令的 cd /root/ 改为 cd (实际的目录)，不用包括文件名。
cd /root/
mv v2-ui-linux.tar.gz /usr/local/
cd /usr/local/
tar zxvf v2-ui-linux.tar.gz
rm v2-ui-linux.tar.gz -f
cd v2-ui
chmod +x v2-ui
cp -f v2-ui.service /etc/systemd/system/
systemctl daemon-reload
systemctl enable v2-ui
systemctl restart v2-ui
curl -o /usr/bin/v2-ui -Ls https://raw.githubusercontent.com/sprov065/v2-ui/master/v2-ui.sh
chmod +x /usr/bin/v2-ui
安装完毕后，输入 v2-ui 命令，你会看到你想要的。
如何手动升级
重复做一遍手动安装的操作即可升级
面板其它操作
v2-ui # 显示管理菜单 (功能更多)
v2-ui start # 启动 v2-ui 面板
v2-ui stop # 停止 v2-ui 面板
v2-ui restart # 重启 v2-ui 面板
v2-ui status # 查看 v2-ui 状态
v2-ui enable # 设置 v2-ui 开机自启
v2-ui disable # 取消 v2-ui 开机自启
v2-ui log # 查看 v2-ui 日志
v2-ui update # 更新 v2-ui 面板
v2-ui install # 安装 v2-ui 面板
v2-ui uninstall # 卸载 v2-ui 面板
数据备份与迁移
面板所有数据包括账号信息等都存在 /etc/v2-ui/v2-ui.db 中，只要备份此文件即可。在新服务器安装了面板之后，先关闭面板，再将备份的文件覆盖新安装的，最后启动面板即可。
注意，若配置了面板 ssl 证书，确保新服务器的同样的路径下有相同的证书文件，否则将无法在新服务器启动面板。同样的，若配置了 v2ray 的 tls，并且使用了证书文件配置，也要确保新服务器有证书文件，否则将无法启动 v2ray，若使用证书内容配置，则无需关心。
卸载面板
执行以下命令即可完全卸载面板，如果还需要卸载 v2ray，请自行找相关教程。
systemctl stop v2-ui
systemctl disable v2-ui
rm /usr/local/v2-ui/ -rf
rm /etc/v2-ui/ -rf
rm /etc/systemd/system/v2-ui.service -f
systemctl daemon-reload
常见问题
安装完了打不开面板
检查面板状态，确认正在运行后再确保 65432 端口已经放行，我再说三遍：端口放行、端口放行、端口放行。
装了宝塔后打不开面板也无法使用 v2ray
面板与宝塔本身并没有冲突，只不过是因为宝塔启用了防火墙，只开启了常用的端口，所以需要进入宝塔管理界面放行面板监听端口(65432)和你所使用的其它 v2ray 账号端口。
没有 mtproto 协议？
就目前来说，mtproto 已经不再建议使用，所以我就没有加了，除非 v2ray 之后优化了 mtproto，做了一个新的 mtproto 来，我才会加上此协议。如果确实需要的话，请自行在面板设置中修改v2ray配置模板。
如何自定义 v2ray 配置文件
进入【面板设置】，有一项 【v2ray 配置模板】，你可以在此修改配置模板，例如修改路由，自己添加一个 mtproto 等等，都可以。如果你对 v2ray 配置文件不够熟悉的话，那么还是建议多去 v2ray 官方文档学习学习。
忘记用户名和密码
使用以下命令重置用户名和密码，默认都为 admin
/usr/local/v2-ui/v2-ui resetuser
面板设置修改错误导致面板无法启动
使用以下命令重置所有面板设置，默认面板端口修改为 65432，其它的也会重置为默认值，注意，这个命令不会重置用户名和密码。
/usr/local/v2-ui/v2-ui resetconfig
面板启动失败
出现：‘ascii’ codec can’t encode characters in position 0-6: ordinal not in range(128)
这是因为系统编码不支持中文的缘故，将系统编码设置为 UTF-8 即可，具体请自行搜索方法。
怎么没有重启 v2ray 的按钮了
本面板与 sprov-ui 手动重启 v2ray 的方式不同，采用自动的方式，当添加、修改、删除账号后，默认会在 60 秒内自动更新 v2ray 配置文件，并重启 v2ray。可在面板设置中修改【账号生效时间】，不宜设置过小的数值，否则会造成 CPU 使用率上升。
因时间误差导致 vmess 无法连接
引用 v2ray 官方的一句话：VMess 依赖于系统时间，请确保使用 V2Ray 的系统 UTC 时间误差在 90 秒之内，时区无关。在 Linux 系统中可以安装ntp服务来自动同步系统时间。
进去面板之后语言是英文的
确保你的浏览器设置浏览网页时优先使用中文，有些时候浏览器语言是中文的，但是浏览网页时优先显示英文，其次才是中文，这样就会造成面板语言是英文的，具体请根据浏览器设置，将中文排在第一位。
电脑版 Chrome 设置方法：设置 - 高级 - 语言 - 展开语言设置 - 根据您的偏好设置对语言进行排序 - 将中文排在第一位。
怎么限制账号网速和连接数
面板只是个方便你配置 v2ray 的工具，首先需要 v2ray 自身支持这些底层功能，面板才能支持。
怎么让面板的账号 IP 显示为我的域名
将域名解析到你的 VPS 的 IP
使用域名访问面板，如：http://blog.sprov.xyz:65432 ，具体域名和端口号以你的实际域名和端口号为准
如果面板设置里正确配置了域名证书和密钥，那么就使用：https://blog.sprov.xyz:65432 访问面板
使用 CDN 的同志们注意了，CDN 通常只支持常见的 http 和 https 端口，所以使用 65432 是访问不了的，建议将面板端口设置为 CDN 商家支持的端口，肯定受支持的端口号是 80（http）和 443（https）
单端口多用户
设计之初并没有考虑到这个配置方式，目前再修改已经不太方便，所以之后大概率不会支持这个配置方式。
Telegram
群组：https://t.me/sprov_blog
频道：https://t.me/sprov_channel
About
No description, website, or topics provided.
Resources
Readme
License
GPL-3.0 license
Activity
Stars
66
stars
Watchers
3
watching
Forks
74
forks
Report repository
Releases
1
v5.2.1
Latest
Apr 28, 2020
Packages
0
No packages published
Languages
HTML
52.9%
Python
17.4%
JavaScript
17.3%
Shell
10.1%
CSS
2.3%
Footer
© 2024 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Docs
Contact
Manage cookies
Do not share my personal information
You can’t perform that action at this time.
Vue.js
Vue.js
Vue 2 已经终止支持且不再维护。
请升级到 Vue 3
或了解有关
|
Vue 2 终止支持 (EOL) 的信息。
Vue.js
学习
文档
教程
API
风格指南
示例
Cookbook
视频教程
Vue Mastery (英文)
Vue School (英文)
DCloud 视频教程
生态系统
帮助
论坛
聊天室
聚会
工具
Devtools
Vue CLI
Vue Loader
核心插件
Vue Router
Vuex
Vue 服务端渲染
信息
周刊
活动
博客
工作
DEV 社区
资源列表
团队
赞助商
合作伙伴
主题
Awesome Vue
浏览和 Vue 相关的包
终止支持 (EOL)新
多语言
English
日本語
Русский
한국어
Português
Français
Tiếng Việt
Español
Bahasa Indonesia
参与翻译
学习
文档
教程
API
风格指南
示例
Cookbook
视频教程
Vue Mastery (英文)
Vue School (英文)
DCloud 视频教程
生态系统
帮助
论坛
聊天室
聚会
工具
Devtools
Vue CLI
Vue Loader
核心插件
Vue Router
Vuex
Vue 服务端渲染
信息
周刊
活动
博客
工作
DEV 社区
资源列表
团队
赞助商
合作伙伴
主题
Awesome Vue
浏览和 Vue 相关的包
终止支持 (EOL)新
多语言
English
日本語
Русский
한국어
Português
Français
Tiếng Việt
Español
Bahasa Indonesia
参与翻译
Vue.js
渐进式JavaScript 框架
Play icon
WHY VUE.JS?
起步
GitHub Dark icon
GITHUB
特别赞助
开源电商系统
易用
已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！
灵活
不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。
高效
20kB min+gzip 运行大小
超快虚拟 DOM
最省心的优化
Patreon 赞助商
成为赞助者！
中国区视频托管赞助商
订阅我们的周刊 (英文)
你可以在 news.vuejs.org 翻阅往期的 issue，也可以收听 podcast。
GitHub icon
Twitter icon
Medium icon
遵循 MIT 开源协议
Copyright © 2014-2024 Evan You
安装 — Vue.js
安装 — Vue.js
Vue 2 已经终止支持且不再维护。
请升级到 Vue 3
或了解有关
|
Vue 2 终止支持 (EOL) 的信息。
Vue.js
学习
文档
教程
API
风格指南
示例
Cookbook
视频教程
Vue Mastery (英文)
Vue School (英文)
DCloud 视频教程
生态系统
帮助
论坛
聊天室
聚会
工具
Devtools
Vue CLI
Vue Loader
核心插件
Vue Router
Vuex
Vue 服务端渲染
信息
周刊
活动
博客
工作
DEV 社区
资源列表
团队
赞助商
合作伙伴
主题
Awesome Vue
浏览和 Vue 相关的包
终止支持 (EOL)新
多语言
English
日本語
Русский
한국어
Português
Français
Tiếng Việt
Español
Bahasa Indonesia
参与翻译
特别赞助商
教程
3.x
2.x
1.0
0.12
0.11
基础
安装
介绍
Vue 实例
模板语法
计算属性和侦听器
Class 与 Style 绑定
条件渲染
列表渲染
事件处理
表单输入绑定
组件基础
深入了解组件
组件注册
Prop
自定义事件
插槽
动态组件 & 异步组件
处理边界情况
过渡 & 动画
进入/离开 & 列表过渡
状态过渡
可复用性 & 组合
混入
自定义指令
渲染函数 & JSX
插件
过滤器
工具
单文件组件
测试
TypeScript 支持
生产环境部署
规模化
路由
状态管理
服务端渲染
安全
内在
深入响应式原理
迁移
从 Vue 1.x 迁移
从 Vue Router 0.7.x 迁移
从 Vuex 0.6.x 迁移到 1.0
迁移至 Vue 2.7
更多
对比其他框架
加入 Vue.js 社区
认识团队
您正在浏览的是 Vue 2.x 的文档。Vue 3 的文档在这里。
安装
兼容性Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
语义化版本控制Vue 在其所有项目中公布的功能和行为都遵循语义化版本控制。对于未公布的或内部暴露的行为，其变更会描述在发布说明中。
更新日志最新稳定版本：2.7.16
每个版本的更新日志见 GitHub。
Vue Devtools在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。
直接用
对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：
如果你使用原生 ES Modules，这里也有一个兼容 ES Module 的构建文件：
你可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。
Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。
请确认了解不同构建版本并在你发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。
NPM在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
# 最新稳定版$ npm install vue@^2
命令行工具 (CLI)Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了开箱即用的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。
CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，在熟悉 Vue 本身之后再使用 CLI。
在 Vue Mastery 观看视频讲解
对不同构建版本的解释在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别：
UMD
CommonJS
ES Module (基于构建工具使用)
ES Module (直接用于浏览器)
完整版
vue.js
vue.common.js
vue.esm.js
vue.esm.browser.js
只包含运行时版
vue.runtime.js
vue.runtime.common.js
vue.runtime.esm.js
-
完整版 (生产环境)
vue.min.js
-
-
vue.esm.browser.min.js
只包含运行时版 (生产环境)
vue.runtime.min.js
-
-
-
术语
完整版：同时包含编译器和运行时的版本。
编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。
运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。
UMD：UMD 版本可以通过