-
Vue-08-vue element-ui 使用入门
说明
最基本的,直接依赖 cdn 的方式。
引入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>用户首页</title>
<!-- 引入样式 -->
<link rel="styleshee...
2017-09-04 12:38:53 |
Vue
-
Vue-07-vue resource 使用简介
使用方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-e...
2017-09-04 12:38:53 |
Vue
-
Vue-06-模板语法
插入值
文本
<div id="vue">
<h1>\{\{ message \}\}</h1>
</div>
<script type="text/javascript">
var vm = new Vue({
el: '#vue',
data: {
me...
2017-09-04 12:38:53 |
Vue
-
Vue-05-vue.js 起步
Vue.js 起步
每个 Vue 应用都需要通过实例化 Vue 来实现。
语法格式如下:
var vm = new Vue({
// 选项
})
接下来让我们通过实例来看下 Vue 构造器中需要哪些内容:
<div id="vue_det">
<h1>site : \{\{site\}\}</h1>
<h1>url : ...
2017-09-04 12:38:53 |
Vue
-
Vue-04-vue.js 项目结构
目录结构
下面让我们一起来学习下 vue 的目录结构
λ ls
build/ config/ index.html node_modules/ package.json package-lock.json README.md src/ static/
目录解析
目录/文件
说明
b...
2017-09-04 12:38:53 |
Vue
-
Vue-03-vue.js 的安装方式
传统方式
直接下载 vue.min.js,然后通过 script 标签引入。
使用 CDN 方法
以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg:https://unpkg.com/vue/di...
2017-09-04 12:38:53 |
Vue
-
Vue-02-系列学习之 vue.js 是什么?
Vue.js
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
Vue 只关注视图层, 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。
知识储备
阅读本教程前,您需要了解的知识:
HTML
...
2017-09-04 12:38:53 |
Vue
-
Vue-01-vue 简单介绍
Vue
Vue.js 是一套构建用户界面的渐进式框架。
Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。
当与单文件组件和
Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
对比
对比其他框架
Quick Start
Hello World
instal...
2017-09-04 12:38:53 |
Vue