注意:执行以下操作时提前安装node.js。如何安装请看俺的node.js学习路程。1.安装vue命令行工具
原创 2022-10-14 16:11:24
96阅读
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。 Vue.js 路由需要载入 vue-router 库 中文文档地址:vue-router文档。 一、安装 1、直接下载 / CDN https://unpkg.com/vue-router/dist...
转载 2020-05-20 14:15:00
123阅读
2评论
路由的参数设置是路由的反斜杠加冒号,如下代码:import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [ { path
转载 2023-07-06 15:22:10
523阅读
vue本身并没有提供路由机制,但是官方以插件得形式提供了对路由得支持,可以使用vue脚手架包去创建一个webpack应用,在创建时可以选择支持路由功能,这样创建得webpack应用在根目录下的src文件夹中会有一个router文件夹,文件夹中有一个index.js文件在入口文件main.js中导入r ...
转载 2021-10-29 21:39:00
201阅读
2评论
官方文档:https://router.vuejs.org/zh/installation.html
原创 2023-05-16 00:09:28
255阅读
vue路由跳转及传参(以下仅仅是根据我个人的学习与理解编辑)   一:跳转有2种    1.方式一:      router-link to 的方式    2.方式二:      this.$router.push 的方式   二:传参有2种    1.方式一:      params 配合命名路由 name 的方式    ---->参数不会显示在地址栏      pa
转载 2023-06-05 23:44:15
196阅读
一、Vue中的vue-router(路由)的使用 基本使用 一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理 前端路由:key是路径,value是组件 安装vue-router:npm i vue-router 应用插件:Vue.use(VueRouter)二、修改main.js文件 //引入Vue import Vue from 'vue'
转载 2023-05-22 14:59:57
240阅读
路由组件耦合接收参数方式通过路由传参时,h:"/myPaht", component:MyC
原创 2023-06-28 14:15:08
98阅读
动态路由:我们经常需要把某种模式匹配道德所有路由,全都映射到同一个组件。例如我们有一个user组件,对于所有id不同的用户又要使用这个组件来渲染。一个路径参数使用冒号标记动态路由使用方法:```jsconst router =new VueRouter({ routes:[ {path:'/user/:id/:name/:age',component:user} ] })```创建vue
转载 2023-06-16 15:34:08
110阅读
Vue.jsVue.js(是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性:I:
一、Vue.js是什么?渐进式框架。其设计为自底向上逐层应用。Vue只关心视图层。二、声明式的渲染模板语法来声明式地将数据渲染到DOM系统<div id="app"> {{ message }} </div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })输出:Hel
转载 2023-08-07 15:57:55
1402阅读
目录一、 Vue.js是什么二、 Vue.js优点 三、 前提条件四、 安装Vue1.  直接用 script 标签 引入2.  命令行工具 (CLI)3. 其他方法或细节应用五、声明式渲染六、 理解什么是MVVMMVVM模式的组成部分MVVM优点一、 Vue.js是什么(vue读音 /vjuː/,类似于 view)
转载 2023-08-11 15:19:19
158阅读
Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。一、插值1、文本:{{...}}(双大括号)数据绑定最常见的形式就是使用 {{...}}(双大...
转载 2020-05-20 11:08:00
527阅读
2评论
本内容为系列内容,全部内容请看我的vue教程分类什么是Axios是一个基于promise(承诺)的HTTP网络请求库可以用于浏览器和node.js项目vue官方推荐的请求库,从以前的vue-resource到axios通俗点说就是对JavaScript的http请求的二次封装,就类似jQuery的ajax中文文档立即查看原则上学习这一节需要mock数据相关的知识,但是鉴于大家都是初学者,所以不使用
转载 2023-09-15 21:35:53
129阅读
文件的上传和预览在web开发领域是随处可见,存储的方式有很多,本文采用阿里巴巴余庆大神开发的FastDFS进行文件的存储,FastDFS是一个分布式文件存储系统,可以看我上一篇博文,有安装和配置教程。  本文后台采用SpringBoot,前端采用Vue.js和Element UI,存储引擎为FastDFS。  步骤:    1.maven项目引入FastDFS依赖1 <dep
转载 2023-07-22 04:09:04
105阅读
一.vue.js的快速入门使用1.vue.js库的下载vue.js是目前前端web开发最流行的工具库,由尤雨溪在2014年2月发布的。另外几个常见的工具库:react.js ( Facebook 的内部项目)/angular.js(谷歌)官方网站: 中文:https://cn.vuejs.org/ 英文:https://vuejs.org/官方文档:https://cn.vuejs.or
注:此内容摘抄自:梁灏的《Vue.js实战》注:记得要引入vue.js才能运行哦,文章中贴出的代码直接复制是不行的,html css js 都放在了一起,而且也没有引用vue.js。1.v-cloakv-cloak不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none; 配合使用。<div class="app1" v-cloak>
转载 2023-08-08 14:25:29
108阅读
一、目标    1、把前面开发的Html5原生获取经纬度、拍照、录音的demo移植至Android平台中,达到Html5可以横跨Web/Android/IOS平台的目标;    2、在Android系统中,把不支持原生Html5的特性,或者使用原生Android效果更佳的特性,使用原生Android代码来替代html5代码,做到更好的适配效果;二、步骤&nb
转载 2023-09-15 12:44:57
147阅读
欢迎扫码关注微信公众号回复关键字【资料】获取各种学习资料 啥是VUE.js前端开发框架采用MVVM模式
原创 2022-02-28 11:04:12
135阅读
(一)Vue的概念 Vue是一个JavaScript库,和jQuery类似 (二)Vue的安装 Vue的安装分为三种
转载 2021-07-15 10:30:00
374阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5