1. 页面的布局 Vue中使用Bootstrap搭页面 1. 安装 1. npm install [email protected] -S 2. 使用 1. import 'bootstrap/dist/css/bootstrap.min.css' 2. 组件的使用 1. 组件的定义 1. 新建一个xx.vue 2. 在里面定义三个区域（template、script、style） 3. export default { name: "Note", // 告诉别人怎么引用我 components: { // 告诉别人你加载我这个组建的时候 先要去找 NoteList NoteList, Zsq } } 2. 组件的使用 1. 导入 import NoteList from '@/components/NoteList.vue' 2. 使用 <NoteList></NoteList> 3. 组件的传值 1. 父组件 -> 子组件 1. 父组件： v-bind:xx='值' 2. 子组件：使用props声明 2. 子组件 -> 父组件 1. 子组件：$emit('事件名', 参数) 2. 父组件：v-on:事件名='方法名(参数)' 3. 任意组件间传值 1. bus 2. VueX 3. marked的使用 1. 安装 npm install marked --save 2. 使用 import marked from 'marked' marked(内容)