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

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

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

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

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

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 应用都需要通过实例化 Vue 来实现。 语法格式如下： var vm = new Vue ({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： 实例一 <div id = "vue_de...