• 当前标签: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
阅读详情
  • 1
前往