• 当前标签:

Vue项目中遇见的一些问题

前言 最近在用vue做微信公众号开发,记录一下在vue项目中所遇见的一些问题,算是遇见的一些小坑。 vue history模式在nginx部署遇见的白屏问题 项目开发完成,部署到线上后页面无法访问,一直处于白屏状态,文件显示不能正常加载,在官网有提到需要改一些配置,我这里是用的nginx,具体配置如下: server { listen 80; server_name xuanmo.xin; root /usr/share/nginx/html; location / { index index.php index.html index.htm; try_files $uri $uri/ /in

2018-12-26 00:36:25 417 0 14
阅读详情

记一笔vue中css深度作用选择器

在写vue项目的时候,当<style>标签有scoped属性时,它的 CSS 只作用于当前组件中的元素,经常会遇见这种情况,之前遇见这种情况一直都是写成公用样式里面,这种做法还是有点low,最后见官网有一种做法没见到的,写法如下: 这种对于css语法起作用 <style scoped> .a >>> .b { /* ... */ } </style> 对于scss这类的预处理器需要用/deep/的写法 .btn-wrap{ /* ... */ /deep/ .el-button{ /* ... */ } } 更多参考资料,官网链接>&

2018-05-29 12:26:22 1440 3 13
阅读详情

vue的一些UI框架

ElementUI 介绍:Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 链接:https://element-cn.eleme.io/#/zh-CN iView 介绍:一套基于 Vue.js 的高质量UI 组件库 链接:https://www.iviewui.com 滴滴Web 移动端组件库cube-ui 介绍:基于 Vue.js 实现的精致移动端组件库 链接:https://didi.github.io/cube-ui/#/zh-CN/example VUX 介绍:移动端 UI 组件库 链接:https://github.com/airyland/

2018-03-28 11:54:22 1558 9 38
阅读详情

【主题】我的Vue-WordPress-Rest-Api主题成功上线

主题摘要 1.全站ajax; 2.整体颜色采用白色+灰色+蓝色; 3.主题目前支持65个字体图标,图标命名规则:[图标标识]-[图标名]-[方向]-[是否实心],实心和描线图标区别方式用f(fill)区分,比如:icon-css3-f(实心)icon-css3(描线),具体可以访问此链接查看:https://assets.xuanmo.xin/iconfont.php 使用说明 想要使用的小伙伴可以在GitHub下载源码:https://github.com/xuanmos/xm-vue-wordpress-theme 主题使用需要注意的几点如下: 1.wordpress需要开rest-api

2018-03-06 02:10:20 4538 54 47
阅读详情

Vue学习笔记-表单输入

基础 使用v-model对输入框实现数据双向绑定,语法v-model="dataName",dataName为需要绑定的数据   修饰符 .lazy 表示输入框失去焦点的时候更新数据 .number 将输入的数据转换成number类型 .trim 去除输入框的多余空格 用法: <input type="text" v-model.trim="message">   实例    一个简单的数据双向绑定实例: <div id="app"> <input type="text" v-model="me

2017-09-03 23:27:40 1147 0 23
阅读详情

Vue.js学习笔记-组件

组件概念 组件可以扩展 HTML 元素,封装可重用的代码。 用法:Vue.conponent('tagName', options) tagName:自定义html标签 options:选项功能代码,data数据必须是一个函数,return返回数据   组件之间的通信    父组件向子组件传递消息使用v-bind:sendDataName="receiveName",子组件接收使用props: ['receiveName']      sendDataName:父组件发送数据的名字    &nb

2017-09-01 01:47:27 1010 2 11
阅读详情

Vue.js学习笔记-认识Vue

今天开始学习Vue.js,每天学习记录笔记 vue生成一条数据 vue中的渲染在{{ }}两个大括号中间,一个小示例: <div id="app-1">{{ message }}</div> var app1 = new Vue({ el: '#app-1', data: { message: '{{vue的数据显示写在双大括号内}}' } }); {{ message }}   v-bind:attr, 给DOM绑定一个属性    :冒号为简写    :attr="xxx",添加一个值  

2017-08-22 00:27:53 1239 2 15
阅读详情
  • 1
前往