随笔分类 -  vue

项目技术点总结
摘要：VUE项目列表 PC端：工业云官网 主要用的是element-ui组件库，有两种引入方式：一种时候全局引入，还有一种是cdn 引入。 一、vue技术点 1、注册登录页面： a、slot的运用； b、vue一些属性的运用，后端渲染的时候用v-html； c、表单验证，引入vue-validator， 阅读全文
posted @ 2019-02-15 10:40 雪昀 阅读(338) 评论(0) 推荐(0)
vue服务端渲染
摘要：一、基本原理 1、服务端渲染实现原理机制：在服务端拿数据进行解析渲染，直接生成html片段返回给前端。然后前端可以通过解析后端返回的html片段到前端页面，大致有以下两种形式： a、服务器通过模板引擎直接渲染整个页面，例如java后端的vm模板引擎，php后端的smarty模板引擎。 b、服务端渲染 阅读全文
posted @ 2018-08-07 15:45 雪昀 阅读(1331) 评论(0) 推荐(0)
vue中引入百度统计
摘要：vue作为单页面的，引入百度统计，需要注意不少。 一、基本的流量统计 在index.html 入口文件中引入百度统计生成的一连串代码： 这个会统计页面总的流量。 二、页面中监听事件 需要在相应的vue 文件中加入相应的代码 PS：必须要写window._hmt.push 否则会监听不到 三、单个页面 阅读全文
posted @ 2018-06-05 11:44 雪昀 阅读(2685) 评论(0) 推荐(1)
vue的缓存机制
摘要：缓存，不管是PC 端还是移动端，不可避免的问题。vue中有一个keepAlive,这个api 基本 能实现我们开发的一些需要。 一、简单介绍下keep-alive: 1、把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染，实现页面缓存； 2、<keep-alive>是抽象组件，它自身不会渲 阅读全文
posted @ 2018-04-12 14:35 雪昀 阅读(2326) 评论(0) 推荐(0)
Vue中的计算属性和监听器（computed 与 watch）
摘要：react中数据是单向绑定的，而vue中数据是双向绑定的。为什么？ 在react中，主要是通过setState 去改变state的值；而在vue中，会自动的触发set 与get 改变属性的值。 在vue中有两个比较重要的知识点，computed 与 watch; 一、computed compute 阅读全文
posted @ 2018-04-09 17:34 雪昀 阅读(821) 评论(0) 推荐(0)
vue路由总结
摘要：vue-router, vue自带的路由，下面是一些简单的操作说明： 一、安装 1、cnpm install vue-router --save 命令进行安装 2、在main.js或者使用vue-router的地方，通过import 来导入import vRouter from 'vue-route 阅读全文
posted @ 2018-04-08 14:30 雪昀 阅读(3406) 评论(0) 推荐(0)
vue路由的两种模式，hash与history
摘要：对于Vue 这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于——— 改变视图的同时不会向后端发出请求。 一、为了达到这个目的，浏览器提供了以下两种支持： 1、hash ——即地址栏URL中的#符号（此hsah 阅读全文
posted @ 2018-03-30 16:57 雪昀 阅读(25107) 评论(1) 推荐(2)
vue 移动端开发
摘要：1、vue开发中的路由： 关于require 与import 的区别 2、vue中的mock数据 3、 阅读全文
posted @ 2018-02-09 17:56 雪昀 阅读(245) 评论(0) 推荐(0)
vue 中的组件通信
摘要：vue中组件通信，一般分为三种情况，父与子，子与父，子子之间。 一、父与子通信 父组件将值传给子组件，一般通过props,设置默认的类型。调用的时候通过 xx=" ", 或者:XX=" " 以属性的方式传入： 父组件： 子组件： 子组件是不可以改变props传过来的值的，如果想改变可以定义新的变量， 阅读全文
posted @ 2018-01-08 11:10 雪昀 阅读(205) 评论(0) 推荐(0)
vue文档重读有感
摘要：vue 官方文档，每次读都有不一样的感受。项目已经做过一个了，遇到了不少问题，下面总结下这次看到的注意点： 一、指令方面 1、 v-once 一次性绑定，只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过； 2、 v-html html代码块的解析，对资讯类的网站 阅读全文
posted @ 2018-01-04 18:02 雪昀 阅读(177) 评论(0) 推荐(0)
vue开发总结（一）
摘要：vue使用快一个多月了，从移动端到PC端，踩过的坑也不少。项目的开发是基于element ui 与 mint ui 组件库，下面总结下项目中的一些知识点： 一、网页数据请求 首次进入页面，需要请求数据渲染页面。将相应的异步请求方法写在created 这个钩子中，在渲染前会发起请求；mouted 是页 阅读全文
posted @ 2017-11-02 17:29 雪昀 阅读(491) 评论(0) 推荐(0)