- `vue`项目中 不少场景会遇到`外部链接`的情况 `vue-router`官方 提供了扩展RouterLink 的方式 封装成一个组件[AppLink.vue](https://router.vuejs.org/zh/guide/advanced/extending-router-link.html). 但是这种扩展方案 存在以下问题 - 写法上 由 `<router-link>` 转变为 `vue`项目中 不少场景会遇到`外部链接`的情况 `vue-router`官方 提供了扩展RouterLink 的方式 封装成一个组件[AppLink.vue](https://router.vuejs.org/zh/guide/advanced/extending-router-link.html). 但是这种扩展方案 存在以下问题 - 写法上 由 `<router-link>` 转变为
- @TOC 1.为什么要模块化？在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。那个时候的代码是怎么写的呢？直接将代码写在<script>标签中即可随着ajax异步请求的出现，慢慢形成了前后端的分离客户端需要完成的事情越来越多，代码量也是与日俱增。为了应对代码量的剧增，我们通常会将代码组织在多个js文件中，进行维护。但是这种维护方式，依然不... @TOC 1.为什么要模块化？在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。那个时候的代码是怎么写的呢？直接将代码写在<script>标签中即可随着ajax异步请求的出现，慢慢形成了前后端的分离客户端需要完成的事情越来越多，代码量也是与日俱增。为了应对代码量的剧增，我们通常会将代码组织在多个js文件中，进行维护。但是这种维护方式，依然不...
- 注意：有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件 在webpack中配置.vue组件页面的解析运行cnpm i vue -S将vue安装为运行依赖；运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖；运行cn... 注意：有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件 在webpack中配置.vue组件页面的解析运行cnpm i vue -S将vue安装为运行依赖；运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖；运行cn...
- Webpack解决了哪些问题 在网页中会引用哪些常见的静态资源？JS (.js .jsx .coffee .ts（TypeScript 类 C# 语言）)CSS (.css .less .sass .scss)Images (.jpg .png .gif .bmp .svg)字体文件（Fonts）(.svg .ttf .eot .woff .... Webpack解决了哪些问题 在网页中会引用哪些常见的静态资源？JS (.js .jsx .coffee .ts（TypeScript 类 C# 语言）)CSS (.css .less .sass .scss)Images (.jpg .png .gif .bmp .svg)字体文件（Fonts）(.svg .ttf .eot .woff ....
- 什么是路由后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别... 什么是路由后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别...
- @TOC 1.认识webpackwebpack是一个现代的JavaScript应用的静态模块打包工具1.模块化在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包。 而webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系。而且不仅仅是Ja... @TOC 1.认识webpackwebpack是一个现代的JavaScript应用的静态模块打包工具1.模块化在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包。 而webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系。而且不仅仅是Ja...
- 使用flag标识符结合v-if和v-else切换组件页面结构：<div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <my-com1 v-if="flag"></my-com1> <my-com2 v-else="flag"></my-com2> </div>Vue实例定义：<script> ... 使用flag标识符结合v-if和v-else切换组件页面结构：<div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <my-com1 v-if="flag"></my-com1> <my-com2 v-else="flag"></my-com2> </div>Vue实例定义：<script> ...
- 定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用； 全局组件定义的三种方式使用 Vue... 定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用； 全局组件定义的三种方式使用 Vue...
- vue-resource 实现 get, post, jsonp请求除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求之前的学习中，如何发起数据请求？常见的数据请求类型？ get post jsonp测试的URL请求资源地址：get请求地址： http://vue.studyit.io/api/getlunbopost请求地址：http://vu... vue-resource 实现 get, post, jsonp请求除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求之前的学习中，如何发起数据请求？常见的数据请求类型？ get post jsonp测试的URL请求资源地址：get请求地址： http://vue.studyit.io/api/getlunbopost请求地址：http://vu...
- 过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 私有过滤器HTML元素：<td>{{item.ctime | dataFormat('yyyy-mm-dd')}}</td>私有 filters 定义方式：filter... 过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 私有过滤器HTML元素：<td>{{item.ctime | dataFormat('yyyy-mm-dd')}}</td>私有 filters 定义方式：filter...
- 在Vue中使用样式 使用class样式数组<h1 :class="['red', 'thin']">共饮一杯无的H1</h1>数组中使用三元表达式<h1 :class="['red', 'thin', isactive?'active':'']">共饮一杯无的H1</h1>数组中嵌套对象<h1 :class="['red', 'thin', {'active': isactive}]">共... 在Vue中使用样式 使用class样式数组<h1 :class="['red', 'thin']">共饮一杯无的H1</h1>数组中使用三元表达式<h1 :class="['red', 'thin', isactive?'active':'']">共饮一杯无的H1</h1>数组中嵌套对象<h1 :class="['red', 'thin', {'active': isactive}]">共...
- 什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并称为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第... 什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并称为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第...
- 1.全局注册在vue实例前写,如:Vue.directive('focus',{inserted:function(el){el.focus()//添加焦点事件,也可以给dom元素添加其它,比如input标签中用到el.value='请输入内容'}})注意:全局注册是没有directive是没有s,局部注册是有s.2.局部注册在vue实例里面写,如: directives:{ ... 1.全局注册在vue实例前写,如:Vue.directive('focus',{inserted:function(el){el.focus()//添加焦点事件,也可以给dom元素添加其它,比如input标签中用到el.value='请输入内容'}})注意:全局注册是没有directive是没有s,局部注册是有s.2.局部注册在vue实例里面写,如: directives:{ ...
- vue.config.js配置项vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建创建vue.config.jsvue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你... vue.config.js配置项vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建创建vue.config.jsvue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你...
- 前言vue-cli 3学习之vue-cli-service插件开发（注册自定义命令）提到 vue-cli，官方文档对其的介绍如下：A simple CLI for scaffolding Vue.js projects. 一个简单的Vue.js工程命令行脚手架工具。说白了，vue-cli 其实就是一个基于webpack构建，可以让用户快速初始化一个项目的工具。基本原理: vue-cli并非从... 前言vue-cli 3学习之vue-cli-service插件开发（注册自定义命令）提到 vue-cli，官方文档对其的介绍如下：A simple CLI for scaffolding Vue.js projects. 一个简单的Vue.js工程命令行脚手架工具。说白了，vue-cli 其实就是一个基于webpack构建，可以让用户快速初始化一个项目的工具。基本原理: vue-cli并非从...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签