刚学Vue-router,怎么我运行这个地址可以，自己复制过来，运行不了？求解

2019-02-28 05:06:55 300 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

STM32H7+LAN8720A之ETH与LWIP配置问题(End) 开篇介绍由于项目中需要使用到STM32H7系列的芯片，且该系列无法移植ST的标准库，只能使用ST的HAL库，通过STM32Cube生成HAL库的基本代码。在项目开发中需要使用到STM32板载的ETH口，在简化的四层模型中充当着数据链路层的角色，我们只需添加PHY并配置好IP，即可实现基本的TCP主从机通信、UDP通信等等。一、激光雷达3i-T1 由于使用了一款只具有网口通信的单线激光雷达，其具有TCP和UDP方式的通信方式，为了避免进行TCP中的socket报文解析和繁琐的通信握手过程，我们首先将雷达配阅读详情

地址是这个：https://jsfiddle.net/posva/22wgksa3/

然后我把里面的js,html,css复制过来，运行不起来，，求解



<!DOCTYPE html>

<html>



<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

    <meta charset="utf-8" />

    <script src="https://unpkg.com/vue/dist/vue.js"></script>

    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

    <style type="text/css">

   .us {

  display: grid;

  grid-template-columns: auto 1fr;

  grid-template-rows: auto;

  grid-template-areas: "header header" "nav content" "nav helper";

}



h2 {

  grid-area: header;

}



.us__nav {

  grid-area: nav;

  border: 1px dotted;

  margin-right: .75rem;

  padding: .3rem;

}



.us__content {

  grid-area: content;

}



.us__content--helper {

  grid-area: helper;

}



    </style>



<body>

        <div id="app">

                <h1>Nested Named Views</h1>

                <router-view></router-view>

              </div>

    <script>

   const UserSettingsNav = {

	template: `

<div class="us__nav">

  <router-link to="/settings/emails">emails</router-link>

  <br>

  <router-link to="/settings/profile">profile</router-link>

</div>

`

}

const UserSettings = {

	template: `

<div class="us">

  <h2>User Settings</h2>

  <UserSettingsNav/>

  <router-view class ="us__content"/>

  <router-view name="helper" class="us__content us__content--helper"/>

</div>

  `,

  components: { UserSettingsNav }

}



const UserEmailsSubscriptions = {

	template: `

<div>

	<h3>Email Subscriptions</h3>

</div>

  `

}



const UserProfile = {

	template: `

<div>

	<h3>Edit your profile</h3>

</div>

  `

}



const UserProfilePreview = {

	template: `

<div>

	<h3>Preview of your profile</h3>

</div>

  `

}



const router = new VueRouter({

  mode: 'history',

  routes: [

    { path: '/settings',

      // You could also have named views at tho top

      component: UserSettings,

      children: [{

      	path: 'emails',

        component: UserEmailsSubscriptions

      }, {

      	path: 'profile',

        components: {

        	default: UserProfile,

          helper: UserProfilePreview

        }

      }]

    }

  ]

})



router.push('/settings/emails')



new Vue({

	router,

  el: '#app'

})



    </script>

</body>



</html>