上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 37 下一页
摘要: 参数传递及重定向 这里演示如果请求带有参数该怎么传递 demo 用的还是上述例子的代码 修改一些代码 这里不放重复的代码了 第一种取值方式 1、 修改路由配置, 主要是router下的index.js中的 path 属性中增加了 :id 这样的占位符 { path: '/user/profile/: 阅读全文
posted @ 2021-07-09 14:37 saxon宋 阅读(346) 评论(0) 推荐(0)
摘要: 路由嵌套 嵌套路由又称子路由,在实际应用中,通常由多层嵌套的组件组合而成。 demo 1、 创建用户信息组件,在 views/user 目录下创建一个名为 Profile.vue 的视图组件; Profile.vue <template> <h1>个人信息</h1> </template> <scr 阅读全文
posted @ 2021-07-09 13:51 saxon宋 阅读(194) 评论(0) 推荐(0)
摘要: 实战快速上手 1、创建工程 注意:命令行都要使用管理员模式运行 1、创建一个名为hello-vue的工程vue init webpack hello-vue 2、安装依赖, 我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件 #进入工程目录 c 阅读全文
posted @ 2021-07-09 13:33 saxon宋 阅读(47) 评论(0) 推荐(0)
摘要: vue-router路由 1、说明 学习的时候,尽量的打开官方的文档。 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成, 让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于Vue js过渡系 阅读全文
posted @ 2021-07-09 10:13 saxon宋 阅读(57) 评论(0) 推荐(0)
摘要: webpack使用 1、什么是Webpack 本质上, webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack处理应用程序时, 它会递归地构建一个依赖关系图(dependency graph) , 其中包含应用程序需要的每个模块, 然 阅读全文
posted @ 2021-07-08 16:59 saxon宋 阅读(41) 评论(0) 推荐(0)
摘要: 第一个vue-cli项目 1、什么是vue-cli vue-cli是官方提供的一个脚手架,用于快速生成一个vue的项目模板; 预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个估计项目就是脚手架,我们的开发更加的快速; 项目主要的功能: 统一的目录结构 本 阅读全文
posted @ 2021-07-08 15:01 saxon宋 阅读(39) 评论(0) 推荐(0)
摘要: 计算属性、内容分发、自定义事件 1、什么是计算属性 计算属性的重点突出在属性两个字上(属性是名词),首先它是个属性其次这个属性有计算的能力(计算是动词),这里的计算就是个函数:简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已;可以想象为缓存! <!DOCTYPE 阅读全文
posted @ 2021-07-08 13:46 saxon宋 阅读(53) 评论(0) 推荐(0)
摘要: Axios异步通信 1、什么是Axios Axios是一个开源的可以用在浏览器端和Node JS的异步通信框架, 她的主要作用就是实现AJAX异步通信,其功能特点如下: 从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持Promise API[JS中链式编程] 拦截 阅读全文
posted @ 2021-07-08 09:35 saxon宋 阅读(174) 评论(1) 推荐(0)
摘要: 表单双绑、组件 1、什么是双向数据绑定 Vue.js是一个MVVM框架, 即数据双向绑定, 即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的非UI控件不会涉及到数据 阅读全文
posted @ 2021-07-08 08:59 saxon宋 阅读(55) 评论(0) 推荐(0)
摘要: Vue绑定事件 v-on v-on监听事件 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--view层--> <div id="app 阅读全文
posted @ 2021-07-07 16:49 saxon宋 阅读(43) 评论(0) 推荐(0)
上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 37 下一页