Vue

记一笔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:22174312

阅读详情

vue的一些UI框架

Ant Design of Vue 介绍：Ant Design 3.X 的 Vue 实现，开发和服务于企业级后台产品链接：https://vuecomponent.github.io/ant-design/docs/vue/introduce-cn/ ElementUI 介绍：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库链接：https://element-cn.eleme.io/#/zh-CN 滴滴Web 移动端组件库cube-ui 介绍：基于 Vue.js 实现的精致移动端组件库链接：https://didi.github.io/cube-

2018-03-28 11:54:22603937

阅读详情

我的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:2025034142

阅读详情

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:40865023

阅读详情

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:2768629

阅读详情

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:53833214

阅读详情