摘要: 费劲了九牛二虎之力,终于是写完了一个路由demo,但是感觉还是无法理解很多东西,在这里慢慢总结记录一下。 1,完成一些准备工作,搭建好路由index.js文件。 2,在App.vue内(用了element-ui,需要引入插件)(在我自己写的App.vue内部其实是不需要引入组件的,直接注释掉就好): 阅读全文
posted @ 2022-02-27 20:59 沉梦昂志_doc 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 续上一篇文章,我们接下来要分析index.js内部具体要写一些什么。 1,首先要引入VueRouter,这个插件必须要用 import VueRouter from "vue-router" 2,接下来,引入需要配置路由的组件,我这里有2个,分别是About和Home import About fr 阅读全文
posted @ 2022-02-27 17:48 沉梦昂志_doc 阅读(1015) 评论(0) 推荐(0) 编辑
摘要: 1,安装vue路由(我的代码是用vue2写的,现在如果默认的话装的是vue3支持的4版本) npm i vue-router@3 2,在main.js入口文件中,引入路由并且“使用”,就可以在new Vue()中写入一个全新的配置项, import VueRouter from 'vue-route 阅读全文
posted @ 2022-02-27 17:39 沉梦昂志_doc 阅读(588) 评论(0) 推荐(0) 编辑
摘要: 组件在复用,数据是动态的。 生活中很相似的地方就是微信转账,A转给B100元,B必须要接收(区别支付宝直接转账不需要接收)。 // App <template> <div id="app"> <School name = "武汉化工大学" /> </div> </template> <script> 阅读全文
posted @ 2022-02-27 14:32 沉梦昂志_doc 阅读(98) 评论(0) 推荐(0) 编辑
摘要: App组件是一人之下(vm),万人之上(所有组件),作用是汇总所有的组件,所以在App组件里面要引入要用的所有的组件。 1,引入组件 import School from './School' 2,注册组件 在App.vue内,在export default{}内,有一个components:{}, 阅读全文
posted @ 2022-02-27 11:10 沉梦昂志_doc 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 1,文件名是:xxxx.vue(一般是小驼峰写法,如:SchoolStudent.vue) 2,定义组件时,不用多此一举写名字,直接暴露组件(为什么要暴露,因为别的代码要用这个组件,就要import引入),代码: 1 <script> 2 export default { 3 name:'Schoo 阅读全文
posted @ 2022-02-27 10:54 沉梦昂志_doc 阅读(255) 评论(0) 推荐(0) 编辑