Vue

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 581 0 16

阅读详情

记一笔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 1653 3 14

阅读详情

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 1691 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 4940 54 49

阅读详情

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 1203 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 1059 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 1303 2 15

阅读详情