- NPM CDN : https://www.jsdelivr.com/ 一、发布一个Vue组件 1、使用webpack-simple 模板项目初始化 vue init webpack-simple moment-ui cd moment-ui cnpm i 12345 2、新建组件 将新建的组件放在plugin文件夹中 src/plugin/Button... NPM CDN : https://www.jsdelivr.com/ 一、发布一个Vue组件 1、使用webpack-simple 模板项目初始化 vue init webpack-simple moment-ui cd moment-ui cnpm i 12345 2、新建组件 将新建的组件放在plugin文件夹中 src/plugin/Button...
- 1、安装 # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create hello-world # 安装vant npm i vant -S # 完整写法：npm install vant --save # 安装插件 npm i babel-plugin-import -D # 完整写法： npm inst... 1、安装 # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create hello-world # 安装vant npm i vant -S # 完整写法：npm install vant --save # 安装插件 npm i babel-plugin-import -D # 完整写法： npm inst...
- 开发环境： vue-cli-service serve //默认：process.env.NODE_ENV=development 1 .evn.development ENV = 'development' VUE_APP_BASE_URL = 'https://development.demo.com' 12 生产环境： vue-cli-service ... 开发环境： vue-cli-service serve //默认：process.env.NODE_ENV=development 1 .evn.development ENV = 'development' VUE_APP_BASE_URL = 'https://development.demo.com' 12 生产环境： vue-cli-service ...
- 1、router-link <router-link :to='url' target='_blank></router-link> 1 2、$router let router = this.$router.resolve( { path: <yourPath>, query: { 'ticket': '123456' }... 1、router-link <router-link :to='url' target='_blank></router-link> 1 2、$router let router = this.$router.resolve( { path: <yourPath>, query: { 'ticket': '123456' }...
- 需求： 多级分类支持多选选择子节点需要把父节点的值也选中，用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点 开发 这个需求使用ElementUI, Cascader 级联选择器 文档： https://element.eleme.cn/#/zh-CN/component/cascader 参数设置 // 筛选项 options:[ { valu... 需求： 多级分类支持多选选择子节点需要把父节点的值也选中，用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点 开发 这个需求使用ElementUI, Cascader 级联选择器 文档： https://element.eleme.cn/#/zh-CN/component/cascader 参数设置 // 筛选项 options:[ { valu...
- 几个实用的 Vue 自定义指令 复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggable 代码地址： https://github.com/... 几个实用的 Vue 自定义指令 复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggable 代码地址： https://github.com/...
- 模板地址：https://github.com/mouday/vue-cdn-template 包含的库 Vue.js https://cn.vuejs.org/v2/guide/installation.html Element https://element.eleme.cn/#/zh-CN/component/installation momentjs ... 模板地址：https://github.com/mouday/vue-cdn-template 包含的库 Vue.js https://cn.vuejs.org/v2/guide/installation.html Element https://element.eleme.cn/#/zh-CN/component/installation momentjs ...
- 安装 npm install typescript ts-loader --save-dev 1 vue.config.js configureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, load... 安装 npm install typescript ts-loader --save-dev 1 vue.config.js configureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, load...
- Vue项目使用Vuex保存全局状态。Vuex默认是存储到内存中，如果刷新浏览器状态就会重置。这就需要持久化状态数据。 不过，需要注意的是，有一些数据并不需要持久化。 文档： Vue CLIvuexvuex-persistedstatejs-cookie 项目结构 # 项目结构 $ tree . ├── package.json ├── main.js ├──... Vue项目使用Vuex保存全局状态。Vuex默认是存储到内存中，如果刷新浏览器状态就会重置。这就需要持久化状态数据。 不过，需要注意的是，有一些数据并不需要持久化。 文档： Vue CLIvuexvuex-persistedstatejs-cookie 项目结构 # 项目结构 $ tree . ├── package.json ├── main.js ├──...
- 文章目录 一、前言 二、Vue.js介绍 三、Semantic UI介绍 四、实现愿望清单界面 一、前言 2021年第一个周末，祝各位读者朋友平安顺利。 以前读过一句话：“当你穿过暴风雨的时候，你就不是原来那个人了。” 但他没有说，我们要如何穿过暴风雨。 2020刚开始的时候，我曾觉得冬天无比漫长，似乎没有尽头。到了... 文章目录 一、前言 二、Vue.js介绍 三、Semantic UI介绍 四、实现愿望清单界面 一、前言 2021年第一个周末，祝各位读者朋友平安顺利。 以前读过一句话：“当你穿过暴风雨的时候，你就不是原来那个人了。” 但他没有说，我们要如何穿过暴风雨。 2020刚开始的时候，我曾觉得冬天无比漫长，似乎没有尽头。到了...
- 如何在2021年编写网络应用程序？ 介绍免责声明 语言能力安装VueBundlerOptionals Development添加视图和组件ViewsComponents 动态页面从API获取用户编辑 组件库 部署方式故障排除常见问题 介绍 在本文中，我将逐步向您介绍我使用的工具。您可以继续学习，但是了解“我为什么要这样做”比“我在做什么”更为重要。一... 如何在2021年编写网络应用程序？ 介绍免责声明 语言能力安装VueBundlerOptionals Development添加视图和组件ViewsComponents 动态页面从API获取用户编辑 组件库 部署方式故障排除常见问题 介绍 在本文中，我将逐步向您介绍我使用的工具。您可以继续学习，但是了解“我为什么要这样做”比“我在做什么”更为重要。一...
- 分析Vue.js组件中的data为何是函数类型而非对象类型 引言正文一、Vue.js中data的使用二、data为对象类型三、data为函数 结束语 引言 要理解本篇文章，必须具备JavaScript中基本数据类型和引用数据类型的概念，大家可以花两分钟看一下，瞬间就能理解——面试题被问到再也不慌，深究JavaScript中的深拷贝与浅拷贝，看完这篇文... 分析Vue.js组件中的data为何是函数类型而非对象类型 引言正文一、Vue.js中data的使用二、data为对象类型三、data为函数 结束语 引言 要理解本篇文章，必须具备JavaScript中基本数据类型和引用数据类型的概念，大家可以花两分钟看一下，瞬间就能理解——面试题被问到再也不慌，深究JavaScript中的深拷贝与浅拷贝，看完这篇文...
- @Author：Runsen @Date：2019/08/07 @modified Date：2019/08/07 人生最重要的不是所站的位置，而是内心所朝的方向。只要我在每篇博文中写得自己体会，修炼身心；在每天的不断重复学习中，耐住寂寞，练就真功，不畏艰难，奋勇前行，不忘初心，砥砺前行，人生定会有所收获，不留遗憾 （作者：Runsen ） ... @Author：Runsen @Date：2019/08/07 @modified Date：2019/08/07 人生最重要的不是所站的位置，而是内心所朝的方向。只要我在每篇博文中写得自己体会，修炼身心；在每天的不断重复学习中，耐住寂寞，练就真功，不畏艰难，奋勇前行，不忘初心，砥砺前行，人生定会有所收获，不留遗憾 （作者：Runsen ） ...
- @Author：Runsen @Date：2020/6/11 人生最重要的不是所站的位置，而是内心所朝的方向。只要我在每篇博文中写得自己体会，修炼身心；在每天的不断重复学习中，耐住寂寞，练就真功，不畏艰难，奋勇前行，不忘初心，砥砺前行，人生定会有所收获，不留遗憾 （作者：Runsen ） 作者介绍：Runsen目前大三下学期，专业化学工程与工艺，大学沉迷日... @Author：Runsen @Date：2020/6/11 人生最重要的不是所站的位置，而是内心所朝的方向。只要我在每篇博文中写得自己体会，修炼身心；在每天的不断重复学习中，耐住寂寞，练就真功，不畏艰难，奋勇前行，不忘初心，砥砺前行，人生定会有所收获，不留遗憾 （作者：Runsen ） 作者介绍：Runsen目前大三下学期，专业化学工程与工艺，大学沉迷日...
- @Author：Runsen @Date：2020/7/12 人生最重要的不是所站的位置，而是内心所朝的方向。只要我在每篇博文中写得自己体会，修炼身心；在每天的不断重复学习中，耐住寂寞，练就真功，不畏艰难，奋勇前行，不忘初心，砥砺前行，人生定会有所收获，不留遗憾 （作者：Runsen ） 作者介绍：Runsen目前大三下学期，专业化学工程与工艺，大学沉迷日... @Author：Runsen @Date：2020/7/12 人生最重要的不是所站的位置，而是内心所朝的方向。只要我在每篇博文中写得自己体会，修炼身心；在每天的不断重复学习中，耐住寂寞，练就真功，不畏艰难，奋勇前行，不忘初心，砥砺前行，人生定会有所收获，不留遗憾 （作者：Runsen ） 作者介绍：Runsen目前大三下学期，专业化学工程与工艺，大学沉迷日...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签