关于vue中的一些注意事项

关于vue中的一些注意事项

最近在vue的书写中经常遇到一些小问题，寻找并纠正这些问题需要花费大量的时间。这里进行一些总结。
基本的逻辑

首先 最基本的引用组件的流程
1分清楚子组件和页面大组件的区分。
2组件在新建的时候要注意驼峰命名法
3创建组件后要在template标签中写上根元素div，否则就会运行卡半天还不报错

第二 子组件在父组件中引用的流程
1创建好子组件后，需要回到父组件中进行书写
2第一步，创建components:{ }，在其中书写你引用的组件名字。
3第二步，在上方书写 import 子组件名 from “子组件地址”;
可以在子组件名字旁用快捷键alt+回车实现此操作。
4第三步在父组件的根元素里引用子组件的标签名<子组件></子组件>

这样就完成了一个最基本的引用流程

路径的跳转
我们也会在编写过程中，需要实现页面之间的跳转，其实就是页面大组件之间的跳转。这里就用到了路由router。
1在router下面的index.js文件中，创建一个新的路径对象
2其书写依照上方的模板。
如{
path:‘/自定义网址名’,
component: 组件名
}
其中自定义网址名就是你要跳转的组件页面的名称，在浏览器的地址栏加上/自定义网址名 即可。它和组件的名字不必对应，但是对应看起来更加方便。

3路径的跳转需要使用路径标签。并且路径标签里还可以进行传参。
4在当前的template标签中书写就能在点击它的时候直接进行跳转。
5一定要注意书写，不要书写错误。使用快捷书写时也要注意打出来的是什么，有时候打的太快，不注意就会选中错误。