随笔分类 - Vue
摘要：found 23 vulnerabilities (2 low, 16 moderate, 5 high) run npm audit fix to fix them, or npm audit for details D:\myproject\yiyan_webauto $ npm audit f
阅读全文
摘要：<router-link>属性 <router-link>这里用到了一个to属性，并且把它渲染成<a>标签，他还有其他属性： tag tag可以指定<router-link>之后渲染成什么组件, 比如要渲染成button <router-link to="/home" tag="button">首页
阅读全文
摘要：安装和配置方式 vue-router是基于路由和组件的， 路由用于设定访问路径, 将路径和组件映射起来. 在vue-router的单页面应用中, 页面的路径的改变就是组件的切换. 安装vue-router npm install vue-router --save 在模块化工程中使用它(因为是一个插
阅读全文
摘要：url的hash和HTML5的history URL的hash URL的hash也就是锚点(#), 本质上是改变window.location的href属性. 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 history H5的history接口是HTML5新增
阅读全文
摘要：第一个阶段：后端渲染 后端路由（映射表） 后端处理url和页面之间的映射关系。（control） 后端渲染 前端访问一个url，后端通过jsp技术把页面（和数据）渲染好，返回（html+css）给前端。 jsp：html+css+java，java代码作用是从数据库中读取数据，并将它动态的放在页面中
阅读全文
摘要：箭头函数的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 箭头函数: 也是一种定义函数的方式 // 1.定义函数的方
阅读全文
摘要：vue2 vue cli脚手架介绍和安装 vue cli 依赖node和webpack 安装（vue cli 3） npm install -g @vue/cli # OR yarn global add @vue/cli 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要
阅读全文
摘要：模块化开发是为了解决 全局变量命名冲突的问题 export/ import index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <s
阅读全文
摘要：认识组件化 将一个html拆解，分成很多个组件，每个组件实现页面的一个功能块，每个组件里面又可以细分，就是不断抽象的思想，不断把公共的、可以独立拆分出来的抽出来作为一个独立可复用的组件来向上提供调用，这样让我们的代码更加方便组织和管理，并且扩展性也更强。 注册组件 组件的使用有三步： 在script
阅读全文
摘要：模板语法 一、插值操作 将值插入到html的内容当中 Mustache（就是双大括号） <!DOCTYPE html> <html lang="en"> <head> <title>Vue demo</title> </head> <body> <div id="app"> <h2>hello {{
阅读全文
摘要：//有一个数组[10,20,111,222,444,40,50] //需求1:把小于10的数过滤出来,加到一个新数组 // 需求2: 对过滤后的数,每个乘以2 //需求3: 对数组中的所有数做个加和汇总 filter /** filter(predicate: (value: T, index: n
阅读全文
摘要：Vue 渐进式 全家桶：Core+Vue+router+Vuex 高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM MVVM https://zh.wikipedia.org/wiki/MVVM View层： 视图层 在我们前端开发中，通常就是DOM层。 主要的作用是给用户
阅读全文
摘要：初学Vuejs，理解并感受了Vue的渐进式、响应式编程。 了解了前端的编程范式，过去自己硬写的js、jquery是属于命令式编程范式，现在写的vue属于声明式编程范式。 响应式编程主要是解耦了视图（html）和数据，与测试这边的数据驱动是一个思想，就是把数据和程序代码分离 下面是一个vue实现的计数
阅读全文