安装Vue 1、使用npm安装vue： npm install vue 2、下载使用js文件： https://vuejs.org/js/vue.min.js Vue概念 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可
数据绑定 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： 执行结果：Hello Vue! 除了上面的绑定方式，还有另外一种： v-bind 特性被称为指令。指令带有前缀 v-，以表示它们是 Vue 提供的特殊特性。 以上代码也可以简写为： 对于html的绑定
computed计算属性 计算属性（computed）在处理一些复杂逻辑时是很有用的。它的定义方式与methods类似。 执行结果： 我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用
v-if语法（条件） 符合条件时显示（渲染）某一元素。 执行结果： v-if可以使用data对象，也可以直接使用表达式（如：2>1）。 v-show也可以达到根据条件显示元素的目的，但是两者有一些区别。 v-if与v-show区别： 相同点：v-if与v-show都可以动态控制dom元素显示隐藏 不
component（组件） vue是单页面web程序，这意味着需要大量模块化界面参与其中，这就是组件。 组件是一个实现单一功能的vue界面，也可以是一个以功能划分而成的复杂vue界面。 注册组件： Vue.component('my-component-name', { /* ... */ }) 范
vue-cli(vue脚手架) vue-cli，我们也称vue脚手架，是一个全自动生成vue项目的程序，使用它我们可以快速搭建一个基础的vue项目。vue-cli只是为了方便我们开发的工具，并非必须。 npm安装脚手架程序： npm install -g vue-cli 开始初始化项目（项目名称：p
自定义指令 除了核心功能默认内置的指令 (v-model 、 v-show等)，Vue 也允许注册自定义指令。如果你需要对普通 DOM 元素进行底层操作，这时候就会用到它。举个聚焦输入框的例子，如下： 使用directives 设置自定义指令，在元素上通过v-focus来使用。 钩子函数一个指令定义
路由 Vue.js 路由需要载入 vue-router 库。 npm安装： npm install vue-router 使用范例： 其中，path是url路径，name是路由名称，component是组件，meta是拓展属性，可以自定义。 拓展知识 router为VueRouter的实例，相当于一
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
