第2节新建页面 · vue.js

1. vue中的views和小程序中的pages相同，可将views换成pages，相应的在router.js中作出改变 2. 页面以templa包裹，里面只有一个div，div中是页面内容 3. .vue的文件就是一个组件，组件中包含html、css、JavaScript，erJavaScript中包含①要导入的组件②将本页面导出的具体代码③html中的事件④引用的模版组件 4. 整体展示 ~~~ <template> <div class="home"> <p>hello world</p>  <router-link to="/about">about</router-link>  <button @click="handleClick">detail</button> <Head></Head> </div> </template> <script> // 导入组件 import Head from "../components/head"; // 将整个页面导出 export default { name: "home", methods: { handleClick() { // 事件页面跳转 this.$router.push("/about"); } }, // 注册组件 components: { Head } }; </script> ~~~