[Vue.js]lodashの._orderByでエラーになる

現在書籍「基礎から学ぶVue.js」リンク内容にて
学習中なのですが、lodashの._orderByでうまく機能しません。
まだまだVue.jsに不慣れでなぜ本通りにやってるのにエラーになるのか不明でございます。

エラー内容と書いたコード（写経）をアップいたしますので、お詳しい方、ご教授いただけると幸いです。

エラー画像

html
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html lang="ja">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5<title>chapter30リストトランジション</title>
6<link rel="stylesheet" type="text/css" href="./css/main.css">
7<script type="text/javascript" src="./js/vue.min.js"></script>
8<script type="text/javascript" src="./js/smooth-scroll.12.1.5.js"></script>
9</head>
10<body>
11	<div id="app">
12		<dt></dt>
13		<dd>
14			<button v-on:click="order=!order">切り替え</button>
15			<transition-group tag="ul" class="list">
16				<li v-for="item in sortedList" v-bind:key="item.id">
17					{{ item.name }} {{ item.price }}円
18				</li>
19			</transition-group>
20		</dd>
21	</div>
22<script type="text/javascript" src="./js/main.js"></script>
23</body>
24</html>

javascript
1var app = new Vue({
2
3	el: '#app',
4
5	data: {
6		order: false,
7		list:[
8			{ id: 1, name:'A', price: 100 },
9			{ id: 1, name:'B', price: 200 },
10			{ id: 1, name:'C', price: 300 },
11		]
12	},
13	computed: {
14		sortedList: function(){
15			return _.orderBy(this.list,'price',this.order ? 'desc' : 'asc')
16		}
17	}
18
19})