vue入门

vue入门

<route-link to='/xxx'>XXX</route-link>指导航链接

to后面是链接到哪个组件并展示该组件
如何确定谁路由到谁呢?
是通过router中的index.js文件,实现逻辑视图和物理视图的映射
在.vue文件中to后面加的是逻辑视图,在js中确定逻辑视图和物理试图的对应关系(name有啥用?答:没用,可不写 再问,需要和div中的name值一样吗)

<route-view/> 是一个窗口
页面切换不是请求一个新的完整的页面,而是把一个小窗口替换掉。
view文件夹中的AboutView.vue和HomeView.vue是两个组件(类似模板),动态加载到主页面

新建一个vue文件,有三部分代码块,html、js和css分别在template、script、style里
其中,template只能有一个根节点,所以一般都会给template里先写一个大的div包裹起来
js负责读取数据

One thought on “vue入门

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注