docs: remove __vuec__, use scoped flag in example

Author: Treri

Diff for: test/src/component/a.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="component-a" __vuec__>
+  <div class="component-a">
     Component A
   </div>
 </template>
@@ -15,13 +15,13 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 body {
   a {
     color: inherit;
   }
 }
-.component-a[__vuec__] {
+.component-a {
   line-height: 50px;
   text-align: center;
   color: #fff;

Diff for: test/src/component/index.vue

@@ -1,7 +1,7 @@
 
-<style lang="less">
+<style lang="less" scoped>
 @import "../less/other.less";
-.index.__vuec__ {
+.index {
   > p {
     line-height: 50px;
     text-align: center;
@@ -23,7 +23,7 @@ $blue : #1875e7;　
 </style>
 
 <template>
-  <div class="index __vuec__" >
+  <div class="index" >
     <p>fis3-parser-vue-component demo runing ~</p>
     <component-a></component-a>
     <component-b></component-b>

Diff for: test2/src/component/a.vue

@@ -1,5 +1,5 @@
 <template lang="html">
-  <div class="component-a" __vuec__>
+  <div class="component-a">
     Component A
   </div>
 </template>
@@ -15,13 +15,13 @@
   }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 body {
   a {
     color: inherit;
   }
 }
-.component-a[__vuec__] {
+.component-a {
   line-height: 50px;
   text-align: center;
   color: #fff;

Diff for: test2/src/component/index.vue

@@ -1,7 +1,7 @@
 
-<style lang="less">
+<style lang="less" scoped>
 @import "../less/other.less";
-.index.__vuec__ {
+.index {
   > p {
     line-height: 50px;
     text-align: center;
@@ -23,7 +23,7 @@ $blue : #1875e7;　
 </style>
 
 <template>
-  <div class="index __vuec__" >
+  <div class="index" >
     <p>fis3-parser-vue-component demo runing ~</p>
     <component-a></component-a>
     <component-b></component-b>