zoukankan      html  css  js  c++  java
  • 创建新的vue在页面显示

    想要新建一个vue文件,并且可以在网页上显示:
    1.创建一个vue文件,
    2.第一次创建的话需要创建一个文件夹和文件router/index.js(作用是配置路由),里面有一些必写项,该文件建好以后,下次再建立新的页面就直接在里面引用就可以了。

        import Vue from 'vue'//
        import Router from 'vue-router'
        Vue.use(Router)//需要通过Vue,use 方法去使用插件
    
    
           const routes = [
             {
                path:"/cinema",//网页上显示的位置,一般小写
                component:()=>import("@/views/Cinema")//路径
             }
           ]
    
                //创建Router的实例对象
              const router = new Router({
                  routes
              })
    
              // 向外暴露
              export default router
    

    3.把配置好的文件,引入到入口文件main.js文件中,还要记得在下面实例上注册幺

    import router from "./router/index.js"
    
    new Vue({
      render: h => h(App),
      router,  //目的?让我们的组件上面可以访问到路由相关的api($route/$router)
    }).$mount('#app')
    

    配置好文件以后就可以在网页上输入路径进入到这个页面

  • 相关阅读:
    day3 数据类型
    子查询
    mysql综合练习题
    day5 练习
    月末总结
    Iconfont-阿里巴巴矢量图标库
    vue简介
    Redis简介和数据结构
    浏览器初始化css
    vue脚手架搭建项目初始化
  • 原文地址:https://www.cnblogs.com/axingya/p/13582392.html
Copyright © 2011-2022 走看看