随笔分类 - Vue
摘要：获取登录后username信息 this.$router.push("/main/"+this.form.username);/main后加/ +传递的username （传入参数） index.js路由中path写入参数：name，并将props设为true path: '/main/:name'
阅读全文
摘要：1. Demo前端传递参数 此时我们在Main.vue中的route-link位置处 to 改为了 :to，是为了将这一属性当成对象使用，注意 router-link 中的 name 属性名称 一定要和 路由中的 name 属性名称 匹配，因为这样 Vue 才能找到对应的路由路径； 修改路由配置
阅读全文
摘要：在views包下在建个user包，写两个List和Profile视图，在Main.vue中用ElementUI导航栏 在index.jsp中Main路由 配置路由嵌套
阅读全文
摘要：1、创建工程 这个时候就安装路由 比idea运行后安装好，编码会出现代码提示 前端东西不能用纯CSS来写，安装SASS加载器，通过SASS编译 3、npm命令： 出现下面情况处理方法： （注意版本兼容） sass-loader的版本过高也会导致的编译错误 Node Sass 7.0.1 版与 ^4.
阅读全文
摘要：npm install vue-router --save-dev 在当前项目下安装 -save-dev 版本问题用 npm install vue-router@3 or 4 --save-dev 启动项目 npm run dev <style scoped></style>scoped 作用域：
阅读全文
摘要：Node.js遵循CommonJs规范，核心思想允许require方法来同步加载所需依赖的其他模块，通过exports或者module.exports来导出需要暴露的接口 优点：服务端模块便于复用 缺点：同步加载模块不适合在浏览器环境中，同步意味着阻塞加载，浏览器资源是异步加载的，不能非阻塞的并行加
阅读全文
摘要：Vue的开发基于NodeJS，实际开发采用vue-cli脚手架开发，vue-router路由，vue-x做状态管理，Vue UI,界面一般使用ElementUI 或者ICE来快速搭建前端项目
阅读全文
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id
阅读全文
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id
阅读全文
摘要：计算属性：将计算出来的结果保存在属性中，内存中运行：虚拟Dom <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Titl
阅读全文
摘要：Axios通信 vscode 安装liveserver插件 解决跨域 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>T
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en" xmlns:v-for="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <
阅读全文
摘要：1. 什么是双向绑定 Vue.js是一个MVVM框架，即数据双向绑定,即当数据发生变化的时候,视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。单向
阅读全文
摘要：vue绑定事件： 1 <!DOCTYPE html> 2 <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </h
阅读全文
摘要：Vue基本语法 1. v-bind 现在数据和DOM已经被建立了关联，所有的东西都是响应式的。我们在控制台操作对象的属性，界面可以实时更新。 我们可以使用v-bind来绑定元素属性！ 1 <!DOCTYPE html> 2 <html lang="en" xmlns:v-bind="http
阅读全文
摘要：1. 什么是MVVM MVVM (Model-View-ViewModel) 是一种软件架构设计模式，由微软WPF (用于替代WinForm，以前就是用这个技术开发桌面应用程序的)和Silverlight (类似于Java Applet,简单点说就是在浏览器上运行的WPF)的架构师Ken Coope
阅读全文
