![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
总结前端框架的使用
不务正业的野猴子
这个作者很懒,什么都没留下…
展开
-
【前端框架】vue~路由(基础)
定义路由创建路由实例在根实例上注入路由实例我们可以在任何组件内通过 this.router访问路由器,也可以通过this.router 访问路由器,也可以通过 this.router访问路由器,也可以通过this.route 访问当前路由:动态路由匹配const router = new VueRouter({routes: [// 动态路径参数 以冒号开头{ path...原创 2020-04-21 23:05:39 · 303 阅读 · 0 评论 -
【前端框架】vue~数据与方法
【前端框架】vue~动态赋值【前端框架】vue~条件判断与遍历上面两节内容涉及的操作都是在<template></template>标签内,用于数据显示。这节我们将了解这些数据在哪里定义。本文以【前端框架】vue~hello world中的项目进行演示一个.vue文件有三部分组成,如图(1),分别是template、script、style,我们的关注重点主要集中在...原创 2020-04-11 15:32:58 · 252 阅读 · 0 评论 -
【前端框架】vue~条件判断与遍历
条件判断与遍历是我们程序编程过程中经常遇到的。如页面中需要根据对应权限显示不同操作按钮时我们可以使用条件判断,而当需要根据某一规律显示多个元素时我们可以使用遍历来实现。本文以【前端框架】vue~hello world中的项目进行演示条件判断实现效果:登录成功后需要显示退出按钮,未登录时需要显示登录按钮图(1)图(1)中我们使用v-if指令进行逻辑判断,当!loginResult为真时显...原创 2020-04-10 21:36:40 · 759 阅读 · 0 评论 -
【前端框架】vue~动态赋值
我们的页面大多数时候是动态页面,故需要在页面编写时预留口子在页面显示插入要显示的内容。本文以【前端框架】vue~hello world中的项目进行演示图(1)中红线圈出来的部分,使用{{ }}在指定的区域插入目标内容。此方式不可用于插入HTML代码,如需要插入HTML代码可以使用v-html指令,如图(2)图(1)图(2)使用{{ }}方式可以在指定的区域插入目标内容,那是否可以用于...原创 2020-04-09 23:04:15 · 7195 阅读 · 0 评论 -
【前端框架】vue~hello world
在【前端框架】vue~环境搭建 一文中我们已经初始化了一个vue项目并启动成功。本文以此项目进行演示。效果一:新建页面并跳转至该页面在src\components\目录下新建文件夹myComponents用于保存我们新增的组件新建文件HelloVue.vue并编写内容<template> <div id="vue"> Hello Vue.js! {{mes...原创 2020-04-06 20:39:52 · 1320 阅读 · 0 评论 -
【前端框架】vue~环境搭建
安装node.js下载地址:https://nodejs.org/en/download/ 注:无需配置,可直接安装,node.js安装时会自动安装npm,故无需单独安装npm安装成功后可使用如下命令查看node.js和npm的版本node -v npm -v安装成功后系统环境变量path中会自动添加node.js的安装目录D:\Program Files\nodejs;由于本...原创 2020-04-05 18:21:20 · 534 阅读 · 0 评论