Vue知識點精簡匯總

一近零、 組件component

1. 什么是組件？

組件（Component）是 Vue.js 最強大的功能之一它碎。組件可以擴展 HTML 元素券敌，封裝可重用的代碼
組件是自定義元素（對象）

2. 定義組件的方式

方式1：先創(chuàng)建組件構(gòu)造器，然后由組件構(gòu)造器創(chuàng)建組件
方式2：直接創(chuàng)建組件

3. 組件的分類

分類：全局組件卿操、局部組件

4. 引用模板

將組件內(nèi)容放到模板<template>中并引用

5. 動態(tài)組件

<component :is="">組件
多個組件使用同一個掛載點警检，然后動態(tài)的在它們之間切換

<keep-alive>組件

二、 組件間數(shù)據(jù)傳遞

1. 父子組件

在一個組件內(nèi)部定義另一個組件害淤，稱為父子組件
子組件只能在父組件內(nèi)部使用
默認(rèn)情況下扇雕，子組件無法訪問父組件中的數(shù)據(jù)，每個組件實例的作用域是獨立的

2. 組件間數(shù)據(jù)傳遞 （通信）

2.1 子組件訪問父組件的數(shù)據(jù)

a)在調(diào)用子組件時窥摄，綁定想要獲取的父組件中的數(shù)據(jù)
b)在子組件內(nèi)部镶奉，使用props選項聲明獲取的數(shù)據(jù)，即接收來自父組件的數(shù)據(jù)
總結(jié)：父組件通過props向下傳遞數(shù)據(jù)給子組件
注：組件中的數(shù)據(jù)共有三種形式：data溪王、props腮鞍、computed

2.2 父組件訪問子組件的數(shù)據(jù)

a)在子組件中使用vm.$emit(事件名,數(shù)據(jù))觸發(fā)一個自定義事件，事件名自定義
b)父組件在使用子組件的地方監(jiān)聽子組件觸發(fā)的事件莹菱，并在父組件中定義方法移国，用來獲取數(shù)據(jù)
總結(jié)：子組件通過events給父組件發(fā)送消息，實際上就是子組件把自己的數(shù)據(jù)發(fā)送到父組件

3. 單向數(shù)據(jù)流

props是單向綁定的道伟，當(dāng)父組件的屬性變化時迹缀，將傳導(dǎo)給子組件使碾，但是不會反過來
而且不允許子組件直接修改父組件中的數(shù)據(jù)，報錯
解決方式：
方式1：如果子組件想把它作為局部數(shù)據(jù)來使用祝懂，可以將數(shù)據(jù)存入另一個變量中再操作票摇，不影響父組件中的數(shù)據(jù)
方式2：如果子組件想修改數(shù)據(jù)并且同步更新到父組件，兩個方法：
a.使用.sync（1.0版本中支持砚蓬，2.0版本中不支持矢门，2.3版本又開始支持）
需要顯式地觸發(fā)一個更新事件
b.可以將父組件中的數(shù)據(jù)包裝成對象，然后在子組件中修改對象的屬性(因為對象是引用類型灰蛙，指向同一個內(nèi)存空間)祟剔，推薦

4. 非父子組件間的通信

非父子組件間的通信，可以通過一個空的Vue實例作為中央事件總線（事件中心）摩梧，用它來觸發(fā)事件和監(jiān)聽事件

var Event=new Vue();
Event.$emit(事件名,數(shù)據(jù));
Event.$on(事件名,data => {});

三物延、 slot內(nèi)容分發(fā)

本意：位置、槽
作用：用來獲取組件中的原內(nèi)容仅父，類似angular中的transclude指令

四叛薯、 vue-router路由

1. 簡介

使用Vue.js開發(fā)SPA（Single Page Application）單頁面應(yīng)用
根據(jù)不同url地址，顯示不同的內(nèi)容笙纤，但顯示在同一個頁面中耗溜，稱為單頁面應(yīng)用

參考

bower info vue-router
cnpm install vue-router -S

2. 基本用法

a.布局
b.配置路由

3. 路由嵌套和參數(shù)傳遞

傳參的兩種形式：
a.查詢字符串：login?name=tom&pwd=123
{{$route.query}}

b.rest風(fēng)格url：regist/alice/456
{{$route.params}}

4. 路由實例的方法

router.push() 添加路由，功能上與<route-link>相同
router.replace() 替換路由粪糙，不產(chǎn)生歷史記錄

5. 路由結(jié)合動畫

五强霎、 單文件組件

1. .vue文件

.vue文件，稱為單文件組件蓉冈，是Vue.js自定義的一種文件格式城舞，一個.vue文件就是一個單獨的組件，在文件內(nèi)封裝了組件相關(guān)的代碼：html寞酿、css家夺、js

.vue文件由三部分組成：<template>、<style>伐弹、<script>

    <template>
        html
    </template>

    <style>
        css
    </style>

    <script>
        js
    </script>

2. vue-loader

瀏覽器本身并不認(rèn)為.vue文件拉馋，所以必須對.vue文件進(jìn)行加載解析，此時需要vue-loader
類似的loader還有許多惨好，如：html-loader煌茴、css-loader、style-loader日川、babel-loader等
需要注意的是vue-loader是基于webpack的

3. webpack

webpack是一個前端資源模板化加載器和打包工具蔓腐，它能夠把各種資源都作為模塊來使用和處理
實際上，webpack是通過不同的loader將這些資源加載后打包龄句，然后輸出打包后文件
簡單來說回论，webpack就是一個模塊加載器散罕，所有資源都可以作為模塊來加載，最后打包輸出

官網(wǎng)
webpack版本：v1.x v2.x
webpack有一個核心配置文件：webpack.config.js傀蓉，必須放在項目根目錄下

4. 示例欧漱，步驟：

4.1 創(chuàng)建項目，目錄結(jié)構(gòu) 如下：

webpack-demo
|-index.html
|-main.js 入口文件
|-App.vue vue文件
|-package.json 工程文件
|-webpack.config.js webpack配置文件
|-.babelrc Babel配置文件

4.2 編寫App.vue

4.3 安裝相關(guān)模板

cnpm install vue -S

cnpm install webpack -D
cnpm install webpack-dev-server -D

cnpm install vue-loader -D
cnpm install vue-html-loader -D
cnpm install css-loader -D
cnpm install vue-style-loader -D
cnpm install file-loader -D

cnpm install babel-loader -D
cnpm install babel-core -D
cnpm install babel-preset-env -D  //根據(jù)配置的運行環(huán)境自動啟用需要的babel插件
cnpm install vue-template-compiler -D //預(yù)編譯模板

合并：cnpm install -D webpack webpack-dev-server vue-loader vue-html-loader css-loader vue-style-loader file-loader babel-loader babel-core babel-preset-env  vue-template-compiler

4.4 編寫main.js

4.5 編寫webpack.config.js

4.6 編寫.babelrc

4.7 編寫package.json

4.8 運行測試

npm run dev

六葬燎、 vue-cli腳手架

1. 簡介

vue-cli是一個vue腳手架误甚，可以快速構(gòu)造項目結(jié)構(gòu)
vue-cli本身集成了多種項目模板：
simple 很少簡單
webpack 包含ESLint代碼規(guī)范檢查和unit單元測試等
webpack-simple 沒有代碼規(guī)范檢查和單元測試
browserify 使用的也比較多
browserify-simple

2. 示例，步驟：

2.1 安裝vue-cli萨蚕，配置vue命令環(huán)境

cnpm install vue-cli -g
vue --version
vue list

2.2 初始化項目靶草，生成項目模板

語法：vue init 模板名 項目名

2.3 進(jìn)入生成的項目目錄，安裝模塊包

cd vue-cli-demo
cnpm install

2.4 運行

npm run dev  //啟動測試服務(wù)
npm run build //將項目打包輸出dist目錄岳遥，項目上線的話要將dist目錄拷貝到服務(wù)器上

3. 使用webpack模板

vue init webpack vue-cli-demo2

ESLint是用來統(tǒng)一代碼規(guī)范和風(fēng)格的工具，如縮進(jìn)裕寨、空格浩蓉、符號等，要求比較嚴(yán)格

官網(wǎng)

問題Bug：如果版本升級到node 8.0 和 npm 5.0宾袜，控制臺會報錯：
GET http://localhost:8080/__webpack_hmrnet::ERR_INCOMPLETE_CHUNKED_ENCODING

解決方法：
a)降低Node版本到7.9或以下
b)修改build/dev-server.js文件捻艳，如下：

        var hotMiddleware = require('webpack-hot-middleware')(compiler, {
          log: () => {},
          heartbeat:2000 //添加此行
        })

參考：https://github.com/vuejs-templates/webpack/issues/731

一、模塊化開發(fā)

1. vue-router模塊化

cnpm install vue-router -S

1.1 編輯main.js

1.2 編輯App.vue

1.3 編輯router.config.js

2. axios模塊化

cnpm install axios -S

使用axios的兩種方式：
方式1：在每個組件中引入axios
方式2：在main.js中全局引入axios并添加到Vue原型中

3. 為自定義組件添加事件

二庆猫、 Elment UI

1. 簡介

Element UI是餓了么團(tuán)隊提供的一套基于Vue2.0的組件庫认轨，可以快速搭建網(wǎng)站，提高開發(fā)效率
ElementUI PC端
MintUI 移動端

官網(wǎng)

2. 快速上手

2.1 安裝elment ui

cnpm install element-ui -S

2.2 在main.js中引入并使用組件

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css' //該樣式文件需要單獨引入
Vue.use(ElementUI);   // 這種方式引入了ElementUI中所有的組件

2.3 在webpack.config.js中添加loader

CSS樣式和字體圖標(biāo)都需要由相應(yīng)的loader來加載月培，所以需要style-loader嘁字、css-loader

默認(rèn)并沒有style-loader模塊，所以需要單獨安裝
    cnpm install style-loader --save-dev

2.4 使用組件

2.5 使用less

安裝loader杉畜，需要兩個：less纪蜒、less-loader
在webpack.config.js中添加loader

cnpm install less less-loader -D

3. 按需引入組

3.1 安裝babel-plugin-component

cnpm install babel-plugin-component -D

3.2 配置.babelrc文件

"plugins": [["component", [
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-default"
    }
]]]

3.3 只引入需要的插件

三、 自定義全局組件（插件）

全局組件（插件）：就是指可以在main.js中使用Vue.use()進(jìn)行全局引入此叠，然后在其他組件中就都可以使用了纯续，如vue-router

    import VueRouter from 'vue-router'
    Vue.use(VueRouter);

普通組件（插件）：每次使用時都要引入，如axios

import axios from 'axios'

四灭袁、 Vuex

1. 簡介

Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式猬错。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化茸歧。
簡單來說倦炒，用來集中管理數(shù)據(jù)，類似于React中的Redux举娩，都是基于Flux的前端狀態(tài)管理框架

2. 基本用法

2.1 安裝vuex

cnpm install vuex -S

2.2 創(chuàng)建store.js文件析校，在main.js中導(dǎo)入并配置store.選項

2.3 編輯store.js文件

Vuex的核心是Store(倉庫)构罗，相當(dāng)于是一個容器，一個store實例中包含以下屬性的方法：

state 定義屬性（狀態(tài)智玻、數(shù)據(jù)）
getters 用來獲取屬性
actions 定義方法（動作）
commit 提交變化遂唧，修改數(shù)據(jù)的唯一方式就是顯式的提交mutations
mutations 定義變化
注：不能直接修改數(shù)據(jù)，必須顯式提交變化吊奢，目的是為了追蹤到狀態(tài)的變化

2.4 編輯App.vue

在子組件中訪問store對象的兩種方式：
方式1：通過this.$store訪問
方式2：通過mapState盖彭、mapGetters、mapActions訪問页滚，vuex提供了兩個方法：

mapState 獲取state
mapGetters 獲取getters
mapActions 獲取actions

3. 分模塊組織Vuex

|-src
    |-store
        |-index.js
        |-getters.js
        |-actions.js
        |-mutations.js
        |-modules  //分為多個模塊召边，每個模塊都可以擁有自己的state、getters裹驰、actions隧熙、mutations
            |-user.js
            |-cart.js
            |-goods.js
            |....

一、 組件component

1. 什么是組件幻林？

組件（Component）是 Vue.js 最強大的功能之一贞盯。組件可以擴展 HTML 元素，封裝可重用的代碼
組件是自定義元素（對象）

2. 定義組件的方式

方式1：先創(chuàng)建組件構(gòu)造器沪饺，然后由組件構(gòu)造器創(chuàng)建組件
方式2：直接創(chuàng)建組件

3. 組件的分類

分類：全局組件躏敢、局部組件

4. 引用模板

將組件內(nèi)容放到模板<template>中并引用

5. 動態(tài)組件

<component :is="">組件
多個組件使用同一個掛載點，然后動態(tài)的在它們之間切換

<keep-alive>組件

二整葡、 組件間數(shù)據(jù)傳遞

1. 父子組件

在一個組件內(nèi)部定義另一個組件件余，稱為父子組件
子組件只能在父組件內(nèi)部使用
默認(rèn)情況下，子組件無法訪問父組件中的數(shù)據(jù)遭居，每個組件實例的作用域是獨立的

2. 組件間數(shù)據(jù)傳遞 （通信）

2.1 子組件訪問父組件的數(shù)據(jù)

a)在調(diào)用子組件時啼器，綁定想要獲取的父組件中的數(shù)據(jù)
b)在子組件內(nèi)部，使用props選項聲明獲取的數(shù)據(jù)魏滚，即接收來自父組件的數(shù)據(jù)
總結(jié)：父組件通過props向下傳遞數(shù)據(jù)給子組件
注：組件中的數(shù)據(jù)共有三種形式：data镀首、props、computed

2.2 父組件訪問子組件的數(shù)據(jù)

a)在子組件中使用vm.$emit(事件名,數(shù)據(jù))觸發(fā)一個自定義事件鼠次，事件名自定義
b)父組件在使用子組件的地方監(jiān)聽子組件觸發(fā)的事件更哄，并在父組件中定義方法，用來獲取數(shù)據(jù)
總結(jié)：子組件通過events給父組件發(fā)送消息腥寇，實際上就是子組件把自己的數(shù)據(jù)發(fā)送到父組件

3. 單向數(shù)據(jù)流

props是單向綁定的成翩，當(dāng)父組件的屬性變化時，將傳導(dǎo)給子組件赦役，但是不會反過來
而且不允許子組件直接修改父組件中的數(shù)據(jù)麻敌，報錯
解決方式：
方式1：如果子組件想把它作為局部數(shù)據(jù)來使用，可以將數(shù)據(jù)存入另一個變量中再操作掂摔，不影響父組件中的數(shù)據(jù)
方式2：如果子組件想修改數(shù)據(jù)并且同步更新到父組件术羔，兩個方法：
a.使用.sync（1.0版本中支持赢赊，2.0版本中不支持，2.3版本又開始支持）
需要顯式地觸發(fā)一個更新事件
b.可以將父組件中的數(shù)據(jù)包裝成對象级历，然后在子組件中修改對象的屬性(因為對象是引用類型释移，指向同一個內(nèi)存空間)，推薦

4. 非父子組件間的通信

非父子組件間的通信寥殖，可以通過一個空的Vue實例作為中央事件總線（事件中心）玩讳，用它來觸發(fā)事件和監(jiān)聽事件

var Event=new Vue();
Event.$emit(事件名,數(shù)據(jù));
Event.$on(事件名,data => {});

三、 slot內(nèi)容分發(fā)

本意：位置嚼贡、槽
作用：用來獲取組件中的原內(nèi)容熏纯，類似angular中的transclude指令

四、 vue-router路由

1. 簡介

使用Vue.js開發(fā)SPA（Single Page Application）單頁面應(yīng)用
根據(jù)不同url地址粤策，顯示不同的內(nèi)容樟澜，但顯示在同一個頁面中，稱為單頁面應(yīng)用

參考

bower info vue-router
cnpm install vue-router -S

2. 基本用法

a.布局
b.配置路由

3. 路由嵌套和參數(shù)傳遞

傳參的兩種形式：
a.查詢字符串：login?name=tom&pwd=123
{{$route.query}}

b.rest風(fēng)格url：regist/alice/456
{{$route.params}}

4. 路由實例的方法

router.push() 添加路由掐场，功能上與<route-link>相同
router.replace() 替換路由往扔，不產(chǎn)生歷史記錄

5. 路由結(jié)合動畫

五、 單文件組件

1. .vue文件

.vue文件熊户，稱為單文件組件，是Vue.js自定義的一種文件格式吭服，一個.vue文件就是一個單獨的組件嚷堡，在文件內(nèi)封裝了組件相關(guān)的代碼：html、css艇棕、js

.vue文件由三部分組成：<template>蝌戒、<style>、<script>

    <template>
        html
    </template>

    <style>
        css
    </style>

    <script>
        js
    </script>

2. vue-loader

瀏覽器本身并不認(rèn)為.vue文件沼琉，所以必須對.vue文件進(jìn)行加載解析北苟，此時需要vue-loader
類似的loader還有許多，如：html-loader打瘪、css-loader友鼻、style-loader、babel-loader等
需要注意的是vue-loader是基于webpack的

3. webpack

webpack是一個前端資源模板化加載器和打包工具闺骚，它能夠把各種資源都作為模塊來使用和處理
實際上彩扔，webpack是通過不同的loader將這些資源加載后打包，然后輸出打包后文件
簡單來說僻爽，webpack就是一個模塊加載器虫碉，所有資源都可以作為模塊來加載，最后打包輸出

官網(wǎng)
webpack版本：v1.x v2.x
webpack有一個核心配置文件：webpack.config.js胸梆，必須放在項目根目錄下

4. 示例敦捧，步驟：

4.1 創(chuàng)建項目须板，目錄結(jié)構(gòu) 如下：

webpack-demo
|-index.html
|-main.js 入口文件
|-App.vue vue文件
|-package.json 工程文件
|-webpack.config.js webpack配置文件
|-.babelrc Babel配置文件

4.2 編寫App.vue

4.3 安裝相關(guān)模板

cnpm install vue -S

cnpm install webpack -D
cnpm install webpack-dev-server -D

cnpm install vue-loader -D
cnpm install vue-html-loader -D
cnpm install css-loader -D
cnpm install vue-style-loader -D
cnpm install file-loader -D

cnpm install babel-loader -D
cnpm install babel-core -D
cnpm install babel-preset-env -D  //根據(jù)配置的運行環(huán)境自動啟用需要的babel插件
cnpm install vue-template-compiler -D //預(yù)編譯模板

合并：cnpm install -D webpack webpack-dev-server vue-loader vue-html-loader css-loader vue-style-loader file-loader babel-loader babel-core babel-preset-env  vue-template-compiler

4.4 編寫main.js

4.5 編寫webpack.config.js

4.6 編寫.babelrc

4.7 編寫package.json

4.8 運行測試

npm run dev

六、 vue-cli腳手架

1. 簡介

vue-cli是一個vue腳手架兢卵，可以快速構(gòu)造項目結(jié)構(gòu)
vue-cli本身集成了多種項目模板：
simple 很少簡單
webpack 包含ESLint代碼規(guī)范檢查和unit單元測試等
webpack-simple 沒有代碼規(guī)范檢查和單元測試
browserify 使用的也比較多
browserify-simple

2. 示例习瑰，步驟：

2.1 安裝vue-cli，配置vue命令環(huán)境

cnpm install vue-cli -g
vue --version
vue list

2.2 初始化項目济蝉，生成項目模板

語法：vue init 模板名 項目名

2.3 進(jìn)入生成的項目目錄杰刽，安裝模塊包

cd vue-cli-demo
cnpm install

2.4 運行

npm run dev  //啟動測試服務(wù)
npm run build //將項目打包輸出dist目錄，項目上線的話要將dist目錄拷貝到服務(wù)器上

3. 使用webpack模板

vue init webpack vue-cli-demo2

ESLint是用來統(tǒng)一代碼規(guī)范和風(fēng)格的工具王滤，如縮進(jìn)贺嫂、空格、符號等雁乡，要求比較嚴(yán)格

官網(wǎng)

問題Bug：如果版本升級到node 8.0 和 npm 5.0第喳，控制臺會報錯：
GET http://localhost:8080/__webpack_hmrnet::ERR_INCOMPLETE_CHUNKED_ENCODING

解決方法：
a)降低Node版本到7.9或以下
b)修改build/dev-server.js文件，如下：

        var hotMiddleware = require('webpack-hot-middleware')(compiler, {
          log: () => {},
          heartbeat:2000 //添加此行
        })

參考：https://github.com/vuejs-templates/webpack/issues/731

一踱稍、模塊化開發(fā)

1. vue-router模塊化

cnpm install vue-router -S

1.1 編輯main.js

1.2 編輯App.vue

1.3 編輯router.config.js

2. axios模塊化

cnpm install axios -S

使用axios的兩種方式：
方式1：在每個組件中引入axios
方式2：在main.js中全局引入axios并添加到Vue原型中

3. 為自定義組件添加事件

二曲饱、 Elment UI

1. 簡介

Element UI是餓了么團(tuán)隊提供的一套基于Vue2.0的組件庫，可以快速搭建網(wǎng)站珠月，提高開發(fā)效率
ElementUI PC端
MintUI 移動端

官網(wǎng)

2. 快速上手

2.1 安裝elment ui

cnpm install element-ui -S

2.2 在main.js中引入并使用組件

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css' //該樣式文件需要單獨引入
Vue.use(ElementUI);   // 這種方式引入了ElementUI中所有的組件

2.3 在webpack.config.js中添加loader

CSS樣式和字體圖標(biāo)都需要由相應(yīng)的loader來加載扩淀，所以需要style-loader、css-loader

默認(rèn)并沒有style-loader模塊啤挎，所以需要單獨安裝
    cnpm install style-loader --save-dev

2.4 使用組件

2.5 使用less

安裝loader驻谆，需要兩個：less、less-loader
在webpack.config.js中添加loader

cnpm install less less-loader -D

3. 按需引入組

3.1 安裝babel-plugin-component

cnpm install babel-plugin-component -D

3.2 配置.babelrc文件

"plugins": [["component", [
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-default"
    }
]]]

3.3 只引入需要的插件

三庆聘、 自定義全局組件（插件）

全局組件（插件）：就是指可以在main.js中使用Vue.use()進(jìn)行全局引入胜臊，然后在其他組件中就都可以使用了，如vue-router

    import VueRouter from 'vue-router'
    Vue.use(VueRouter);

普通組件（插件）：每次使用時都要引入伙判，如axios

import axios from 'axios'

四象对、 Vuex

1. 簡介

Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)宴抚，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化勒魔。
簡單來說，用來集中管理數(shù)據(jù)酱塔，類似于React中的Redux沥邻，都是基于Flux的前端狀態(tài)管理框架

2. 基本用法

2.1 安裝vuex

cnpm install vuex -S

2.2 創(chuàng)建store.js文件，在main.js中導(dǎo)入并配置store.選項

2.3 編輯store.js文件

Vuex的核心是Store(倉庫)羊娃，相當(dāng)于是一個容器唐全，一個store實例中包含以下屬性的方法：

state 定義屬性（狀態(tài)杉适、數(shù)據(jù)）
getters 用來獲取屬性
actions 定義方法（動作）
commit 提交變化鄙麦，修改數(shù)據(jù)的唯一方式就是顯式的提交mutations
mutations 定義變化
注：不能直接修改數(shù)據(jù)珊泳，必須顯式提交變化缺猛，目的是為了追蹤到狀態(tài)的變化

2.4 編輯App.vue

在子組件中訪問store對象的兩種方式：
方式1：通過this.$store訪問
方式2：通過mapState、mapGetters延届、mapActions訪問剪勿，vuex提供了兩個方法：

mapState 獲取state
mapGetters 獲取getters
mapActions 獲取actions

3. 分模塊組織Vuex

|-src
    |-store
        |-index.js
        |-getters.js
        |-actions.js
        |-mutations.js
        |-modules  //分為多個模塊，每個模塊都可以擁有自己的state方庭、getters厕吉、actions、mutations
            |-user.js
            |-cart.js
            |-goods.js
            |....
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末械念，一起剝皮案震驚了整個濱河市头朱，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌项钮，老刑警劉巖烁巫，帶你破解...
    沈念sama閱讀 207,113評論 6贊 481
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件恃鞋，死亡現(xiàn)場離奇詭異肴楷，居然都是意外死亡，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2贊 381
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門鳄橘，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事窿祥。” “怎么了？”我有些...
    開封第一講書人閱讀 153,340評論 0贊 344
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵浪漠，是天一觀的道長。 經(jīng)常有香客問我娘纷，道長，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 55,449評論 1贊 279
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任擦耀，我火速辦了婚禮棉圈，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘眷蜓。我一直安慰自己分瘾，他們只是感情好，可當(dāng)我...
    茶點故事閱讀 64,445評論 5贊 374
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布吁系。 她就那樣靜靜地躺著德召，像睡著了一般。 火紅的嫁衣襯著肌膚如雪汽纤。 梳的紋絲不亂的頭發(fā)上上岗，一...
    開封第一講書人閱讀 49,166評論 1贊 284
  • 城市分裂傳說
    那天，我揣著相機與錄音蕴坪，去河邊找鬼肴掷。 笑死，一個胖子當(dāng)著我的面吹牛背传，可吹牛的內(nèi)容都是我干的呆瞻。 我是一名探鬼主播，決...
    沈念sama閱讀 38,442評論 3贊 401
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼径玖，長吁一口氣：“原來是場噩夢啊……” “哼痴脾！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起梳星，我...
    開封第一講書人閱讀 37,105評論 0贊 261
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤赞赖，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后冤灾，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體前域，經(jīng)...
    沈念sama閱讀 43,601評論 1贊 300
  • ?護(hù)林員之死
    正文 獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2贊 325
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年韵吨，在試婚紗的時候發(fā)現(xiàn)自己被綠了话侄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,161評論 1贊 334
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡学赛，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出吞杭，到底是詐尸還是另有隱情盏浇，我是刑警寧澤，帶...
    沈念sama閱讀 33,792評論 4贊 323
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布芽狗，位于F島的核電站绢掰，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜滴劲，卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3贊 307
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一攻晒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧班挖，春花似錦鲁捏、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0贊 19
  • 一樁弒父案给梅，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至双揪，卻和暖如春动羽，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背渔期。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1贊 261
  • 情欲美人皮
    我被黑心中介騙來泰國打工运吓， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人疯趟。 一個月前我還...
    沈念sama閱讀 45,618評論 2贊 355
  • 代替公主和親
    正文 我出身青樓拘哨，卻偏偏與公主長得像，于是被迫代替她去往敵國和親迅办。 傳聞我的和親對象是個殘疾皇子宅静，可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2贊 344

推薦閱讀更多精彩內(nèi)容