diff --git "a/\351\237\251\345\235\244/2021-5-26.md" "b/\351\237\251\345\235\244/2021-5-26.md" index cde1014f6657d4b1d1014be0be1492757d4575f2..c206458d4f807535b6a8090678f1171a60c7a454 100644 --- "a/\351\237\251\345\235\244/2021-5-26.md" +++ "b/\351\237\251\345\235\244/2021-5-26.md" @@ -101,30 +101,3 @@ var app2=new Vue({ }) ``` ## 组件化应用构建 - -### 组件基础 -新建一个Vue组件: -``` -Vue.component('eazy-name',{ - data:function(){ - return { - count:0 - } - }, - template:`` - - }); -``` -+ 组件是可以重复使用的Vue的实例,且带有名字:这个例子中的名字是:`eazy-name` -``` -
- - - -
-``` -``` -new Vue({el:'#component-Dome'}) -``` - -+ 可以在一个通过new Vue创建的Vue根实例中,把这个组件(`eazy-name`)当作自定义元素使用 diff --git "a/\351\237\251\345\235\244/2021-5-27(\347\273\204\344\273\266\345\237\272\347\241\200).md" "b/\351\237\251\345\235\244/2021-5-27(\347\273\204\344\273\266\345\237\272\347\241\200).md" new file mode 100644 index 0000000000000000000000000000000000000000..406a9dcd40a1ba04ae47b649b5fd2dde8b14190e --- /dev/null +++ "b/\351\237\251\345\235\244/2021-5-27(\347\273\204\344\273\266\345\237\272\347\241\200).md" @@ -0,0 +1,41 @@ +# 组件基础 + +## 基础基础 +新建一个Vue组件: +``` +Vue.component('eazy-name',{ + data:function(){ + return { + count:0 + } + }, + template:`` + + }); +``` ++ 新建`Vue.component`组件时,`data`选项应该是一个在组件定义中返回每个实例值的函数。 ++ 组件是可以重复使用的Vue的实例,且带有名字:这个例子中的名字是:`eazy-name` +``` +
+ + + +
+``` +``` +new Vue({el:'#component-Dome'}) +``` + ++ 可以在一个通过new Vue创建的Vue根实例中,把这个组件(`eazy-name`)当作自定义元素使用 + +## 组建的复用 +可以将组件进行任意次数的复用,例如:创建多个`eazy-name` +``` +
+ + + +
+``` +每个组件都在单独运行,每个组件里都有一个单独的`count` 吧 吗 +