vue 笔记：组件的使用

pages/index/index.vue

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<template>     <view class="content">         <title></title>     </view> </template>   <script>     import title from './components/title.vue'     export default {         data() {             return {             }         },         onLoad() {           },         methods: {           },         components:{             title         }     } </script>   <style>   </style>

/pages/index/components/title.vue

?

1 2 3 4 5 6 7 8 9 10 11 12 13

<template>     <view class="">         我是title     </view> </template>   <script>       </script>   <style scoped>       </style>

　　其他笔记：在style 标签内写了scoped 标识该样式属于私有的样式，被引用的时候不会被其他样式覆盖。但是app.vue内的公共样式除外。