刚开始看Vue官方文档的时候对插槽不是很理解,其实通俗点来讲,插槽就是在自定义组件中预留一个位置,这个位置的内容可以由使用组件的人来定义,具有高度的灵活性。1、使用场景      先来看看插槽的使用场景,否则可能连学习的欲望都没有了。插槽还是很重要的,即使不去定义,也要学会使用。      下面这
Vue实现单元表格,并且通过键盘移动高亮题目: 使用vue实现一个高度为10个单元格的表格,类似下图,默认左上角“实际尺寸”的第一个单元格高亮显示(样式不限) 功能要求:在“实际尺寸”单元格范围内,按下Enter键高亮色块向下移动一格,按下Tab键向右移动一格(越过“规定尺寸”单元格)考虑边界情况,例如已经移动到了最后一格,再按Enter键或Tab键,同样停留在最后一格 首先建立三个单元格<
1.vue2创建项目-clicli文档 https://cli.vuejs.org/zh/1.1打开cmdwin + r 输入cmd 输入node -v 如果数显版本号就是一串数字就证明已经安装node环境 如果提示node不是内部或者外部命令,要先安装node.js http://nodejs.cn/download/1.2、全局安装npm/cnpm install -g @vue
写在前面:  vue中插槽的使用让组件变得更加灵活。使得封装一个组件的复用性和API的暴露更加灵活多变。当组件当做标签使用的时候,在标签里面的元素不会显示,这个时候就需要用到插槽。一、最基本的使用  当组件当做标签使用的时候,在组件标签内部的标签往往不显示,这个时候就需要用到插槽。写在组件标签内部的标签需要在该组件标签内部使用solt接收,solt标签会将所有标签在同一位置接收显示。但是灵活的不高
转载 2024-09-29 00:36:43
90阅读
element-uivue上的bootstrap)eu: 书写特定的组件标签构建特点的结构样式安装:  项目目录下的终端   cnpm i element-ui -Smain.js引入:  import ElementUI from 'element-ui';  import 'element-ui/lib/theme-chalk/index.css';  Vue.use(Elemen
转载 2024-03-16 09:18:48
45阅读
本文目录:一、全局组件二、父组件传递信息给子组件三、子组件传递信息给父组件四、vue项目开发一、全局组件<body> <!-- 两个全局vue实例可以不用注册全局组件,就可以使用 --> <div id="app"> <global-tag></global-tag> </div>
转载 7月前
132阅读
vue2vue3有哪些升级Vue3.0在架构上相比vue2.x做了升级,性能上得到了很大的提升,Composition API的出现,让组件抽离、逻辑代码复用更加灵活。一、Composition API: 组合API/注入API这里要说到代码的组织方式,传统的网页是html/css/javascript(结构/样式/逻辑)分离。vue/react通过组件化的方式,将联系紧密的结构/样式/逻辑放在
转载 2024-07-16 14:28:29
542阅读
el-calendar日历组件使用总结1. 需求说明2. 基础实现3. 只展示当月数据4. 动态切换日历里的数据实现5. 顺便把快捷方式隐藏了,不让用户选择上一个月下一个月 1. 需求说明按月显示,每次只显示一个月的日期,其余隐藏日历组件的显示时间随着上方选择框的变化(比如我切换到6月份,下面也要同步切换到6月份)点击某一天可以添加事项(如果是空白的,未添加的),展示在对应的框里,同时添加悬浮展
转载 2024-09-26 14:29:57
1032阅读
  现在网上有很多优秀的富文本编辑器,有百度的,各大论坛,反正用到文本编辑的都有,像博客园的后台的富文本编辑器,各种的不一样.但核心还是离不开那几个原理.  今天就讲下几个核心的知识要点,会了这几个,简单的文本编辑器就可以自己完成了,复杂的还涉及很多,多种功能,各种兼容问题等, 美化问题等等. 知识点1.iframe 对象的运用2.元素变为可编辑3.ranges 对象(对选中文本处理)4
转载 9月前
322阅读
大家好,我是漫步,之前我分享过一篇关于Vue性能优化的文章反响不错,今天分享一篇类似的,希望你看完有所收获。……已经好久好久没写过文章,上一次写应该是年前吧,可能是变懒了吧。最近都在看坑找坑,闲下来有点无聊,就想水一遍文章,打发一下时间...能让你首次加载更快的路由懒加载,怎么能忘?路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。举个????,如果这样写,加
转载 2024-09-29 12:30:35
912阅读
Vue 中的表格操作在 Web 开发中,表格是非常常见的元素之一。在 Vue 中,我们可以使用一些组件和插件来实现表格的操作。在本文中,我们将介绍 Vue 中的表格操作的基本原理和用法,并给出一些实例代码来帮助读者更好地理解。表格的基本用法在 Vue 中,我们可以使用 table 元素来创建表格,并使用 v-for 指令来渲染表格数据。例如,我们可以这样写一个简单的表格:<table>
vue 与 Element UI踩坑最近做的项目使用的是Element UI,在其中遇到了点问题,记下来留作备忘录:出现的情况:mac 从 svn 获取后 运行 npm run build 出现报错,其中有一段提示有 Permission denied 和 webpack-dev-server --inline --open --config build/webpack.dev.conf.js解决
SecurityConfig.javapackage com.x.springsecurityday01.config; import com.x.springsecurityday01.dao.UserDao; import com.x.springsecurityday01.handler.*; import com.x.springsecurityday01.service.Securi
转载 10月前
57阅读
前言本文介绍的是有关于vue方面的前端工程化实践,主要通过实践操作让开发人员更好的理解整个前端工程化的流程。本文通过开发准备阶段、开发阶段和开发完成三个阶段开介绍vue前端工程化的整体过程。准备阶段准备阶段我将其分为:框架选择、规范制定、脚手架搭建。框架选择vue的框架有很多,有脚手架框架例如vue提供脚手架、nuxt等,还有vue版本对应的版本;UI组件库可选择性更多,element、Ant D
Vue2.0+组件库总结UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Mater
转载 7月前
13阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
393阅读
 // 支持es6语法,但并不意味着同时支持新的 ES6 全局变量或类型(比如 Set 等新类型) ‘ecmaVersion’: 6, // 指定来源的类型,‘script’ (默认) 或 ‘module’(如果你的代码是 ECMAScript 模块) ‘sourceType’: ‘module’ }, ‘plugins’: [‘vue’, ‘html’], ‘rules’: { //
main.js App.vue action.js getters.js index.js mutation.js types.js
转载 2017-06-24 05:50:00
220阅读
vue2
原创 2021-08-01 18:40:40
412阅读
  • 1
  • 2
  • 3
  • 4
  • 5