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官方文档的时候对插槽不是很理解,其实通俗点来讲,插槽就是在自定义组件中预留一个位置,这个位置的内容可以由使用组件的人来定义,具有高度的灵活性。1、使用场景      先来看看插槽的使用场景,否则可能连学习的欲望都没有了。插槽还是很重要的,即使不去定义,也要学会使用。      下面这
vue2vue3有哪些升级Vue3.0在架构上相比vue2.x做了升级,性能上得到了很大的提升,Composition API的出现,让组件抽离、逻辑代码复用更加灵活。一、Composition API: 组合API/注入API这里要说到代码的组织方式,传统的网页是html/css/javascript(结构/样式/逻辑)分离。vue/react通过组件化的方式,将联系紧密的结构/样式/逻辑放在
转载 2024-07-16 14:28:29
542阅读
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实现单元表格,并且通过键盘移动高亮题目: 使用vue实现一个高度为10个单元格的表格,类似下图,默认左上角“实际尺寸”的第一个单元格高亮显示(样式不限) 功能要求:在“实际尺寸”单元格范围内,按下Enter键高亮色块向下移动一格,按下Tab键向右移动一格(越过“规定尺寸”单元格)考虑边界情况,例如已经移动到了最后一格,再按Enter键或Tab键,同样停留在最后一格 首先建立三个单元格<
写在前面:  vue中插槽的使用让组件变得更加灵活。使得封装一个组件的复用性和API的暴露更加灵活多变。当组件当做标签使用的时候,在标签里面的元素不会显示,这个时候就需要用到插槽。一、最基本的使用  当组件当做标签使用的时候,在组件标签内部的标签往往不显示,这个时候就需要用到插槽。写在组件标签内部的标签需要在该组件标签内部使用solt接收,solt标签会将所有标签在同一位置接收显示。但是灵活的不高
转载 2024-09-29 00:36:43
90阅读
一、vueElement组件库官网:https://element.eleme.cn/#/zh-CN1.1安装推荐安装方法: 首先要进入项目目录cnpm i element-ui -S 或 npm i element-ui -S1.1.2 CDN安装直接引入无需安装:<!-- 引入样式 --> <link rel="stylesheet" href="https://unpk
转载 2024-03-27 14:02:39
1580阅读
el-calendar日历组件使用总结1. 需求说明2. 基础实现3. 只展示当月数据4. 动态切换日历里的数据实现5. 顺便把快捷方式隐藏了,不让用户选择上一个月下一个月 1. 需求说明按月显示,每次只显示一个月的日期,其余隐藏日历组件的显示时间随着上方选择框的变化(比如我切换到6月份,下面也要同步切换到6月份)点击某一天可以添加事项(如果是空白的,未添加的),展示在对应的框里,同时添加悬浮展
转载 2024-09-26 14:29:57
1035阅读
本文目录:一、全局组件二、父组件传递信息给子组件三、子组件传递信息给父组件四、vue项目开发一、全局组件<body> <!-- 两个全局vue实例可以不用注册全局组件,就可以使用 --> <div id="app"> <global-tag></global-tag> </div>
转载 8月前
134阅读
  现在网上有很多优秀的富文本编辑器,有百度的,各大论坛,反正用到文本编辑的都有,像博客园的后台的富文本编辑器,各种的不一样.但核心还是离不开那几个原理.  今天就讲下几个核心的知识要点,会了这几个,简单的文本编辑器就可以自己完成了,复杂的还涉及很多,多种功能,各种兼容问题等, 美化问题等等. 知识点1.iframe 对象的运用2.元素变为可编辑3.ranges 对象(对选中文本处理)4
转载 10月前
324阅读
Vue 中的表格操作在 Web 开发中,表格是非常常见的元素之一。在 Vue 中,我们可以使用一些组件和插件来实现表格的操作。在本文中,我们将介绍 Vue 中的表格操作的基本原理和用法,并给出一些实例代码来帮助读者更好地理解。表格的基本用法在 Vue 中,我们可以使用 table 元素来创建表格,并使用 v-for 指令来渲染表格数据。例如,我们可以这样写一个简单的表格:<table>
转载 10月前
324阅读
vueElement UI踩坑最近做的项目使用的是Element UI,在其中遇到了点问题,记下来留作备忘录:出现的情况:mac 从 svn 获取后 运行 npm run build 出现报错,其中有一段提示有 Permission denied 和 webpack-dev-server --inline --open --config build/webpack.dev.conf.js解决
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
转载 8月前
13阅读
SecurityConfig.javapackage com.x.springsecurityday01.config; import com.x.springsecurityday01.dao.UserDao; import com.x.springsecurityday01.handler.*; import com.x.springsecurityday01.service.Securi
转载 11月前
57阅读
VUE入门练习Todo目录VUE入门练习Todo 一、结果展示二、实现1、分页列表2、新增任务3、删除任务4、编辑任务5、路由状态切换6、数据持久化    一、结果展示分页列表 新增输入框任务编辑 状态切换二、实现1、分页列表字段:序号id,任务标题title,任务状态标记compeleted(true完成,false未完成)分页设置:&
转载 11月前
138阅读
组件基础组件(component),是具有 name 名称的可复用 Vue 实例:当前示例中是 <button-counter>。我们可以使用 new Vue 创建出一个 Vue 根实例,然后将这个组件作为其中的一个自定义元素(custom element)。由于组件是可复用的 Vue 实例,它们接收的选项,和在 new Vue 时候的
转载 11月前
59阅读
最近项目有个需求,想实时观看音视频功能 大概逻辑是设备端推流,web端拉流 我们是找个第三方的服务—zego,利用他的实时音视频功能来实现这个需求 大概逻辑是设备端和web端都去服务端获取zego的token然后加入房间,然后设备端推流,web端拉流一,首先,引入zego的包npm i zego-express-engine-webrtc --save或者cnpm i zego-express-e
转载 2024-03-21 13:06:34
2076阅读
因为专题制作需要用到瀑布流,所以这阵子总结了几种实现瀑布流的方式。纯css实现瀑布流主要有3种方式:    1. 多列布局multi-columns    2.Flexbox布局    3. grid布局multi-columns这是columns的语法:http://www.webhek.com/
转载 2024-08-25 17:14:53
1099阅读
Vue中路由详解什么是路由?基本使用几个注意点多级路由(嵌套路由)路由的query参数命名路由路由的params参数跳转+传参 总结路由的props的配置路由懒加载```<router-link>```的replace属性编程式路由导航`$router`和`$route`的区别**1、route对象****2、router对象**缓存路由组件两个新的生命周期钩子路由守卫路由器的三种种
最近的业务中涉及到这样一个需求,在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数 mounted 和 destroyed,分别在其中加入开始计时和清除计时的逻辑,通过后台的接口上报对应的培训素材的时间数据,即可达到目的。有了思路,我们就可以开始筹划具体的代码实现。定义开始结束计时函数在 dat
转载 2024-07-02 20:57:35
146阅读
  • 1
  • 2
  • 3
  • 4
  • 5