Vue项目分析--打开单个 vue页面&组件结构仿写&this.$router.push()&属性（computed, method, mounted）&工具

文章目录

• 单页面应用组件结构复制
  • 路由传值基于this.$router.push()实现
  • computed计算属性与method属性的主要区别在于它们在功能和实现方式上的不同
  • mounted赋值给组件的mounting属性
  • 创建一个单独的Vue页面
  • 在Chrome中安装devtools插件的方法
  • Vue常用指令整理

单页面应用组件结构仿写

通过分析可知，项目以第一个URL组件为login文件夹中的index.vue显示。

在login文件夹中的index.vue文件中导入<script type="text/javascript" src="./index.js"></script>用于JavaScript处理逻辑

打算仿照个人与单位组件架构模式创建一个类似的组件。
首先，在项目根目录下创建两个新的文件夹：一个命名为'individual'用于存储个人相关组件的代码库；另一个命名为'department'用于存储部门相关组件的代码库。

![在这里插入图片描述](ht