aMenu

Ant Design of Vue快速开发网页

限于喜欢 提交于 2021-01-25 03:19:51
Ant Design of Vue 这里是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。 特性 # 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Vue 组件。 共享 Ant Design of React 设计工具体系。 支持环境 # 现代浏览器和 IE9 及以上(需要 polyfills )。 支持服务端渲染。 版本 # 稳定版: 你可以订阅:https://github.com/vueComponent/ant-design-vue/releases.atom 来获得稳定版发布的通知。 安装 # 使用 npm 或 yarn 安装 # 我们推荐使用 npm 或 yarn 的方式进行开发 ,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。 $ npm install ant-design-vue --save 来源: https://vue.ant.design/docs/vue/introduce-cn/ 生态 # 来源: https://github.com/vueComponent/ant-design-vue/blob/master/README-zh_CN.md Project Description vue-ref 您可以使用回调来获取组件的引用,类似react ant

css笔记整理

岁酱吖の 提交于 2020-08-19 03:27:58
0索引 1html标签块 2选择器 3CSS的引入方式: 4CSS浮动 :流式布局 5盒子模型 6案例一网站首页 7案例二网站注册页面 1html标签块 div标签:默认占- -行,自动换行 span标签:内容显示在同- -行 <! DOCTYPE html > < html > < head > < meta charset ="UTF-8" > < title ></ title > </ head > < body > < div > 张三 </ div > < div > 李四 </ div > < span > 我想 </ span > < span > 好好 </ span > < span > 学习 </ span > < span > 那是不存在的 </ span > </ body > </ html > 2选择器 元素选择器: 元素的名称{ 属性名称:属性的值; 属性名称:属性的值; } ID选择器: 以#号开头 #ID的名称{ 属性名称:属性的值; 属性名称:属性的值; } 类选择器: 以.号开头 .类名{ 属性名称:属性的值; 属性名称:属性的值; } 伪类选择器 后代选择器 选择器优先级 按照选择器搜索精确度来编写: 行内样式 > ID选择器 > 类选择器 > 元素选择器 就近原则:选择离标签近的 代码示例: <!-- 元素选择器 --> <!

13.Vue技术栈开发实战-递归组件的使用

自闭症网瘾萝莉.ら 提交于 2020-07-26 01:49:34
这是iview的menu的组件 每一个菜单的item 实际的羡慕中,菜单往往是根据后台的数据返回回来的。往往是一个数组,通过这里,遍历然后循环生成的这个菜单,而不是这样写死的、 这个时候就用到了递归组件, 先来添加一个示例页,添加一个路由列表的配置项 在视图中创建这个menu-page 在components下创建menu文件夹,然后,分别创建3个vue文件。分别是 a-menu.vue a-menu-item.vue a-submenu.vue:收缩菜单的部分 里面是ul标签。 里面是li标签 aMenu最外层是div 创建index.js文件 把三个vue组件都引进来。然后再用export导出去 在menu-page引入这三个组件。并住着组件,这个地方用ES6的拆分操作符。它可以把一个对象都拆开,把里面的属性都拿出来,然后扁平化的塞到components对象里面。 然后就可以调用组件了。 a-menu里面给它加一个样式 这样html内就加进来了 ES6的三个点拆分操作符的话,这样在使用这个组件的时候就没有提示了。 我们用解构赋值的形式,把这三个组件注册在这个地方。 这样在写这个组件的时候,会有只能提示 里面用户可以定义任何东西,所以在item组件内这里我们用一个插槽 subMenu也是一个插槽 再加一个具名插槽,到时候用来显示标题的地方 在页面上先来用一下

requireJS框架 第二节

心已入冬 提交于 2019-12-28 18:47:02
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 目录结构 my-menu-model.js define('my-menu-model',['vue'],function(Vue){ var myMenuModel = Vue.extend({ template:'<h1>this a menu</h1>' }); return myMenuModel; }); config.js require.config({ baseUrl:"lib", paths:{ "vue":"vue", "my-menu-model":"my-menu-model" } }); index.js require(['vue','my-menu-model'],function(vue,myMenuModel){ // //创建组件,并挂在到#app元素上。 new myMenuModel({ el:"#app" }); }); index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/require.js" data-main="lib/config.js"></script> <script src=