Vue 总结（3）组件引用

第一种情况  默认页面引用Vue

1.创建News.vue

2.在根组件 App.vue引入 News.vue      ：import News from "./components/News.vue" （.vue可写可不写）  在根组件App div中 引入<News></News>

3.在main.js中 

      1. import News from './components/News'       2. 创建路由            

Vue.use(VueRouter) Vue.config.productionTip = false /* eslint-disable no-new */ // 设置路由 const router = new VueRouter({ mode:'history', // base:_dirname, routes:[ {path:"/",component:News}, {path:"/test2018",component:test2018}, ] })

 

　4.分路由链接 举一反三         在main.js  中引入一次，然后在main.js中做链接路由        在根vue 中引入一次

 

              

 

转载于:https://www.cnblogs.com/nice2018/p/10249479.html

相关资源：JAVA上百实例源码以及开源项目