Vue.js 简介 阅读本教程前，您需要了解的知识： 第一个实例 参考资料 Vue.js 简介 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常...

Vue.js 安装 1、独立版本 2、使用 CDN 方法 3、NPM 方法 命令行工具 Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较...

Vue.js 路由 安装 1、直接下载 / CDN NPM 简单实例 <router-link> 相关属性 replace append tag active-class exact-active-class event NPM 路由实例 exact-active-class 和 active-class 的区别 Vue.j...

Vue.js 目录结构 目录解析 Vue.js 目录结构 上一章节中我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示： 目录解析 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules ...

Vue.js 模板语法 插值 文本 Html 属性 表达式 指令 参数 修饰符 用户输入 过滤器 缩写 v-bind 缩写 v-on 缩写 Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语...

命令行界面 脚本来源 脚本参数 完整性选项 缓存和编译选项 运行时选项 权限选项 其他运行时选项 命令行界面 Deno 是一个命令行程序。到目前为止，看过这些示例后，您应该熟悉了一些简单的命令，并且已经了解了 shell 的基本用法。 这是查看主要帮助文档的几种方法： # 使用子命令 deno help # 使用短选项 ...

Vue.js Ajax(vue-resource) Get 请求 post 请求 语法 & API Vue.js Ajax(vue-resource) Vue 要实现异步加载需要使用到 vue-resource 库。 < script src = "https://cdn.staticfile.org/vue-resource/1.5.1/v...

Vue.js 实例 导航菜单实例 编辑文本实例 订单列表实例 搜索页面实例 切换不同布局实例 Vue.js 实例 本章节为大家介绍几个 Vue.js 实例，通过实例练习来巩固学到的知识点。 导航菜单实例 导航菜单 创建一个简单的导航菜单： <div id = "main" > <!-- 激活的菜单样式为...

Vue.js 组件 全局组件 局部组件 Prop 动态 Prop Prop 验证 自定义事件 data 必须是一个函数 Vue.js 组件 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都...

Vue.js 开始学习 实例一 实例二 实例三 Vue.js 开始学习 每个 Vue 应用都需要通过实例化 Vue 来实现。 语法格式如下： var vm = new Vue ({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： 实例一 <div id = "vue_de...