前端
孤注一掷 、
这个作者很懒......
展开
-
vue 笔记(十七) 404和路由钩子
路由的模式有两种hash:路径带 #符号 history:路径不带 # 符号原创 2021-06-04 21:24:42 · 1563 阅读 · 13 评论 -
vue 笔记(十六) 参数传递及重定向
接着上一个工程写带有参数请求的路由跳转1.主页面传递参数<el-menu-item index="1-1"> <!--插入的地方--> <router-link :to="{name:'UserProfile',params:{ id:1,name:'swk'}}">个人信息</router-link> </el-menu-item>原创 2021-06-03 19:12:22 · 1201 阅读 · 1 评论 -
vue 笔记(十五)路由嵌套
接着上次的项目,新建目录user,新建List和Profile原创 2021-06-02 18:48:07 · 197 阅读 · 1 评论 -
vue 笔记(十四)vue+elementUI
1.创建工程原创 2021-05-31 18:58:17 · 1827 阅读 · 13 评论 -
vue 笔记(十三)vue-router
Vue Router是Vue.js官方的路由管理器(路径跳转)。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。index.html 调用 main.js 调用 App.vue1.删去原始项目中的没用的东西,只留下这两个2.安装vue-router,使用下面的命令npm install vue-router --save-dev3.components目录下存放我们自己编写的组件<!--Content.vue--><template>.原创 2021-05-30 15:42:59 · 273 阅读 · 1 评论 -
vue 笔记(十二)webpack
1.安装webpacknpm install webpack -gnpm install webpack-cli -g原创 2021-05-29 21:25:49 · 195 阅读 · 3 评论 -
vue 笔记(十一)vue-cli程序
1.需要安装环境Node.jshttp://nodejs.cn/download/原创 2021-05-29 20:48:25 · 123 阅读 · 0 评论 -
vue 笔记(十)小结
核心:数据驱动,组件化优点:借鉴了AngularJS的模块化开发和React的虚拟Dom,虚拟Dom就是把Demo操作放到内存中执行;常用的属性:v-if v-else-if v-else v-for v-on绑定事件,简写 @ v-model数据双向绑定 v-bind给组件绑定参数,简写 :组件化:组合组件slot插槽 组件内部绑定事件需要使用到this.$emit("事件名",参数); 计算属性的特色,缓存计算数据遵循SoC关注度分离原则,Vue是纯粹的视图框架,并不转载 2021-05-28 16:30:00 · 104 阅读 · 0 评论 -
vue 笔记(九)自定义事件内容分发
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="app"> <todo> <todo-title slot="todo-title" v-bind:title=...原创 2021-05-28 16:25:51 · 155 阅读 · 0 评论 -
vue 笔记(八)插槽
可动态拔插。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="app"> <todo> <todo-title slot="todo-title" v-bind:原创 2021-05-28 16:24:52 · 230 阅读 · 0 评论 -
vue 笔记(七)计算属性
计算属性:能够将计算结果缓存起来的属性,计算出来的结果保存在属性中,内存中运行:虚拟Dom。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="app"> <p>currentTime1原创 2021-05-28 16:24:09 · 115 阅读 · 0 评论 -
vue 笔记(六)axios异步通信
自动补全HTML标签的快捷键 Tab新建一个data.json作为数据源{ "name":"swk", "url": "http://baidu.com", "page": 1, "isNonProfit":true, "address": { "street": "勤俭道", "city":"天津", "country": "中国" }, "links": [ { "name": "B站", "url": ...原创 2021-05-28 16:23:17 · 136 阅读 · 0 评论 -
vue 笔记(五)组件
五、Vue组件有效复用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="app"><swk></swk></div><!-- 1.导入Vue.js原创 2021-05-28 16:21:55 · 103 阅读 · 0 评论 -
vue 笔记(四)双向绑定
四、双向绑定数据发生变化的时候,视图同步变化;视图发生变化的时候,数据同步变化;用v-model在表单等元素上双向绑定如 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="app">...原创 2021-05-28 16:20:43 · 115 阅读 · 0 评论 -
vue 笔记(三)事件
三、Vue事件方法放在methods里 sayHi();比如点击按钮提示对话框 v-on:=click绑定方法 sayHi();<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="app">...原创 2021-05-28 16:19:23 · 107 阅读 · 0 评论 -
vue 笔记(二)语法
二.vue语法1.可以使用v-bind绑定特定元素例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="app"> <span v-bind:title="message">原创 2021-05-28 16:17:40 · 134 阅读 · 0 评论 -
vue 笔记(一)入门
Vue.js 参考文档 https://cn.vuejs.org/v2/guide/一.入门在IDEA中安装插件Vue.js,新建项目文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><body><!--view层--><div id="ap...原创 2021-05-28 16:11:20 · 155 阅读 · 0 评论