<!DOCTYPE HTML>
<html lang="en" >
<!-- Start book Django课程讲义 -->
<head>
<!-- head:start -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Vue组件 | Django课程讲义</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="description" content="传智播客Django">
<meta name="generator" content="GitBook 2.6.7">
<meta name="author" content="Big">
<meta name="HandheldFriendly" content="true"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="gitbook/images/apple-touch-icon-precomposed-152.png">
<link rel="shortcut icon" href="gitbook/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="gitbook/style.css">
<link rel="stylesheet" href="gitbook/plugins/gitbook-plugin-tbfed-pagefooter/footer.css">
<link rel="stylesheet" href="gitbook/plugins/gitbook-plugin-splitter/splitter.css">
<link rel="stylesheet" href="gitbook/plugins/gitbook-plugin-toggle-chapters/toggle.css">
<link rel="stylesheet" href="gitbook/plugins/gitbook-plugin-highlight/website.css">
<link rel="stylesheet" href="gitbook/plugins/gitbook-plugin-fontsettings/website.css">
<link rel="next" href="./data/property.html" />
<!-- head:end -->
</head>
<body>
<!-- body:start -->
<div class="book"
data-level="0"
data-chapter-title="Vue组件"
data-filepath="README.md"
data-basepath="."
data-revision="Tue Apr 09 2019 18:08:12 GMT+0800 (CST)"
data-innerlanguage="">
<div class="book-summary">
<nav role="navigation">
<ul class="summary">
<li class="chapter active" data-level="0" data-path="index.html">
<a href="./index.html">
<i class="fa fa-check"></i>
Vue组件
</a>
</li>
<li class="chapter " data-level="1" data-path="data/property.html">
<a href="./data/property.html">
<i class="fa fa-check"></i>
<b>1.</b>
Vue组件中的data和props属性
</a>
</li>
<li class="chapter " data-level="2" data-path="data/Singular.html">
<a href="./data/Singular.html">
<i class="fa fa-check"></i>
<b>2.</b>
单文件组件
</a>
<ul class="articles">
<li class="chapter " data-level="2.1" data-path="data/configure.html">
<a href="./data/configure.html">
<i class="fa fa-check"></i>
<b>2.1.</b>
单文件组件使用配置
</a>
</li>
<li class="chapter " data-level="2.2" data-path="data/use.html">
<a href="./data/use.html">
<i class="fa fa-check"></i>
<b>2.2.</b>
单文件组件打包
</a>
</li>
<li class="chapter " data-level="2.3" data-path="data/more.html">
<a href="./data/more.html">
<i class="fa fa-check"></i>
<b>2.3.</b>
多个单文件组件使用
</a>
</li>
<li class="chapter " data-level="2.4" data-path="data/element.html">
<a href="./data/element.html">
<i class="fa fa-check"></i>
<b>2.4.</b>
使用Element-ui
</a>
</li>
</ul>
</li>
<li class="chapter " data-level="3" data-path="data/vue-cli.html">
<a href="./data/vue-cli.html">
<i class="fa fa-check"></i>
<b>3.</b>
vue-cli的使用
</a>
</li>
<li class="divider"></li>
<li>
<a href="https://www.gitbook.com" target="blank" class="gitbook-link">
Published with GitBook
</a>
</li>
</ul>
</nav>
</div>
<div class="book-body">
<div class="body-inner">
<div class="book-header" role="navigation">
<!-- Actions Left -->
<!-- Title -->
<h1>
<i class="fa fa-circle-o-notch fa-spin"></i>
<a href="./" >Django课程讲义</a>
</h1>
</div>
<div class="page-wrapper" tabindex="-1" role="main">
<div class="page-inner">
<section class="normal" id="section-">
<h1 id="vue组件">Vue组件</h1>
<p>组件(Component)是Vue.js最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。就像是python中封装一个类，在其他类中可以继承和调用类中的属性和方法。所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。</p>
<h2 id="组件的基本使用">组件的基本使用</h2>
<ul>
<li><strong>全局组件的使用</strong></li>
</ul>
<pre><code class="lang-html"><span class="hljs-doctype"><!DOCTYPE html></span>
<span class="hljs-tag"><<span class="hljs-title">html</span> <span class="hljs-attribute">lang</span>=<span class="hljs-value">"en"</span>></span>
vue入门基础语法基本使用以及组件配置安装教程.zip
47 浏览量
2024-05-15
08:36:43
上传
评论
收藏 2.56MB ZIP 举报
vue入门基础语法基本使用以及组件配置安装教程.zip （81个子文件） 
vue基本使用 assets 
vue_delimiters.png 35KB
尤雨溪.jpg 17KB let.png 10KB 数据绑定.png 93KB js_object.png 21KB axios_project.png 9KB todo_list.png 7KB input-model.png 17KB const_define.png 13KB vue-life.png 466KB for-object.png 3KB hello_vue.png 2KB v-on.png 3KB vue-for.png 3KB var_define.png 14KB js_object_6.png 30KB for-index.png 6KB v-if.png 36KB vue-objects.png 5KB show-if.png 59KB gitbook 
style.css 38KB plugins gitbook-plugin-sharing buttons.js 3KB gitbook-plugin-emphasize plugin.css 209B gitbook-plugin-highlight ebook.css 3KB website.css 30KB gitbook-plugin-fontsettings website.css 8KB buttons.js 4KB gitbook-plugin-splitter splitter.js 4KB splitter.css 503B gitbook-plugin-toggle-chapters toggle.css 0B toggle.js 687B app.js 742KB images apple-touch-icon-precomposed-152.png 91KB favicon.ico 4KB fonts fontawesome FontAwesome.otf 73KB fontawesome-webfont.eot 71KB fontawesome-webfont.woff 82KB
fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB base 
if.html 14KB first.html 11KB methods.html 13KB life.html 10KB for.html 13KB axios.html 16KB todolist.html 15KB es6.html 16KB data.html 13KB model.html 15KB base.html 9KB index.html 13KB vue组件 src Snip20190404_6.png 185KB Snip20190404_5.png 151KB Snip20190404_1.png 208KB Snip20190404_2.png 140KB data configure.html 19KB element.html 16KB use.html 15KB property.html 25KB more.html 16KB Singular.html 13KB vue-cli.html 11KB gitbook style.css 38KB plugins gitbook-plugin-tbfed-pagefooter footer.css 271B gitbook-plugin-highlight ebook.css 3KB website.css 30KB gitbook-plugin-fontsettings website.css 8KB buttons.js 4KB gitbook-plugin-splitter splitter.js 4KB splitter.css 503B gitbook-plugin-toggle-chapters toggle.css 0B toggle.js 687B app.js 742KB images apple-touch-icon-precomposed-152.png 91KB favicon.ico 4KB fonts fontawesome FontAwesome.otf 73KB fontawesome-webfont.eot 71KB fontawesome-webfont.woff 82KB fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB index.html 25KB资源评论
