公司最近在重构,使用的是Vue框架。涉及到一个品牌的布局,因为品牌的字符长度不一致,所以导致每一个的品牌标签长短不一。多行布局下就会导致每行的品牌布局参差不齐,严重影响美观…
分类:vue.js教程
vue轻量级后台管理系统基础模板
项目地址 vue-admin-template 在线预览 更新 2019.8.19 修复BUG components/Index.vue 文件第 31 行代码的 v-show="isShowAsideTitle" 会造成…
记Vue标签差异
最近在工作要负责维护公司内部的一个管理系统,前端采用vue来开发,对有些标签的差异不是特别理解,到网上看了以下大家是怎么理解的,以下是我的总结。 v-model v:bind v-model是双向绑定v:bind是单向绑…
vue源码分析系列之响应式数据(三)
前言 上一节着重讲述了initData中的代码,以及数据是如何从data中到视图层的,以及data修改后如何作用于视图。这一节主要记录initComputed中的内容。 正文 前情回顾 在demo示例中,我们定义了一个计…
Vue
環境搭建 Win10下安裝NVM,利用NVM來管理Node.js的版本,切換淘寶源,安裝Node.js與NPM。 创建项目 命令行操作: 先 $npm install -g @vue/cli 再 $ vue ui vue…
vue数据初始化--initState
数据初始化 Vue 实例在建立的时候会运行一系列的初始化操作,而在这些初始化操作里面,和数据绑定关联最大的是 initState。 首先,来看一下他的代码: function initState(vm) { vm._wa…
从零单排系列之写一个类vue框架(二)
昨天写了一下节点绑定model的替换,已经如何检测model 的方法今天优化一下,勉强实现一个双向绑定看下昨天的代码 <script> function Vue(obj) { var app = docume…
团队初步使用nuxt
v2.8.x 使用的目的 官网支持SEO 加载速度快(考虑服务端渲染) 技术栈扩展 静态部署 考虑到只是官网,更新较少,并且较少数据交互 选择了静态部署 在本地生成好了之后才上传到线上 具体开发步骤 基础项目搭建 yar…
Vue的watch和computed属性
Vue的watch属性 Vue的watch属性可以用来监听data属性中数据的变化 <!DOCTYPE html> <html> <head> <meta charset="UT…
Vue服务端渲染框架Nuxt的那些事
Vue服务端渲染框架Nuxt的那些事 最近公司在重构项目,为了有利于SEO,需要使用到服务端渲染,在查阅了一番资料后选择了Nuxt.js,Nuxt.js 是一个基于 Vue.js 的通用应用框架,详情可以看官网,这里主要…
Vue中的验证登录状态
Vue项目中实现用户登录及token验证 先说一下我的实现步骤: 使用easy-mock新建登录接口,模拟用户数据 使用axios请求登录接口,匹配账号和密码 账号密码验证后, 拿到token,将token存储到sess…
vue项目中实现锚点跳转
vue实现a标签的锚点跳转功能 <li @click="anchorJump"> <span class="anchorEle">jump</span> </li> anc…