- 测试环境 利用脚手架生成一个vue项目，需要选择 vue-router # 安装 Vue Cli cnpm install -g @vue/cli $ vue --version 3.12.0 # 创建一个项目 vue create vue-demo 12345678 一、预渲染 1、安装插件 cnpm install prerender-spa-plug... 测试环境 利用脚手架生成一个vue项目，需要选择 vue-router # 安装 Vue Cli cnpm install -g @vue/cli $ vue --version 3.12.0 # 创建一个项目 vue create vue-demo 12345678 一、预渲染 1、安装插件 cnpm install prerender-spa-plug...
- 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目前大三下学期，专业化学工程与工艺，大学沉迷日...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签