- 过滤器概念：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并非从...
- Vue是移动端H5开发比较流行的一个MVVM框架，它是以数据驱动的，不需要像jQuery那样操作DOM，而是通过将DOM和数据绑定，利用Object.defineProperty中的setter/getter代理数据，监控对数据的变化，当数据改变时更新DOM。Vue项目构建有两种方式，构建大型应用时推荐使用命令行工具构建：1、直接<script>标签引入2、vue-cli命令行工具vue-c... Vue是移动端H5开发比较流行的一个MVVM框架，它是以数据驱动的，不需要像jQuery那样操作DOM，而是通过将DOM和数据绑定，利用Object.defineProperty中的setter/getter代理数据，监控对数据的变化，当数据改变时更新DOM。Vue项目构建有两种方式，构建大型应用时推荐使用命令行工具构建：1、直接<script>标签引入2、vue-cli命令行工具vue-c...
- vue-cli 脚手架 安装一、 node安装1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；解决速度慢的问题:将npm... vue-cli 脚手架 安装一、 node安装1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上；解决速度慢的问题:将npm...
- VueX （三）项目结构、组合式API、插件、严格模式文章目录VueX （三）项目结构、组合式API、插件、严格模式1. 项目结构2. 组合式API访问 State 和 Getter访问 Mutation 和 Action示例3. 插件在插件内提交 Mutation生成 State 快照内置 Logger 插件4. 严格模式开发环境与发布环境1. 项目结构Vuex 并不限制你的代码结构。但是... VueX （三）项目结构、组合式API、插件、严格模式文章目录VueX （三）项目结构、组合式API、插件、严格模式1. 项目结构2. 组合式API访问 State 和 Getter访问 Mutation 和 Action示例3. 插件在插件内提交 Mutation生成 State 快照内置 Logger 插件4. 严格模式开发环境与发布环境1. 项目结构Vuex 并不限制你的代码结构。但是...
- 什么是Vuex?用2句话概括：主要应用于Vue.js中管理数据状态的一个库通过创建一个集中的数据存储，供程序中所有组件访问当然这么说肯定还是有所不懂，这里我就用单一使用vue.js和使用vuex.js场景的不同进行对比讲解单一使用Vue.js的场景在单一使用vue.js的场景中，我们难免要在不同的组件中互相传值。在该场景中，由一个根组件，两个父组件再各自拥有一个子组件，我们如果使用prop的... 什么是Vuex?用2句话概括：主要应用于Vue.js中管理数据状态的一个库通过创建一个集中的数据存储，供程序中所有组件访问当然这么说肯定还是有所不懂，这里我就用单一使用vue.js和使用vuex.js场景的不同进行对比讲解单一使用Vue.js的场景在单一使用vue.js的场景中，我们难免要在不同的组件中互相传值。在该场景中，由一个根组件，两个父组件再各自拥有一个子组件，我们如果使用prop的...
- 一、什么是Vuex?Vuex是一个专为vue.js应用程序开发的状态管理模式。当我们构建一个中大型的单页面应用程序时，Vuex可以更好的帮助我们在组件外部统一管理状态。二、Vuex的五个核心概念StateGettersMutationsActionsModules其中State和Mutations在任何项目都会接触到的核心概念。为什么说这两个是最核心的呢？第一、首先State是我们唯一的数据... 一、什么是Vuex?Vuex是一个专为vue.js应用程序开发的状态管理模式。当我们构建一个中大型的单页面应用程序时，Vuex可以更好的帮助我们在组件外部统一管理状态。二、Vuex的五个核心概念StateGettersMutationsActionsModules其中State和Mutations在任何项目都会接触到的核心概念。为什么说这两个是最核心的呢？第一、首先State是我们唯一的数据...
- 文章目录1、认识vue-router2、安装和使用vue-router3、路由的默认路径4、HTML5的History模式5、router-link属性介绍6、路由代码跳转7、动态路由8、路由懒加载9、嵌套路由实现10、传递参数的方式11、导航守卫的使用12、TabBar实现思路1、认识vue-router目前前端流行的三大框架，都有自己的路由实现：Angular的ngRouterReact... 文章目录1、认识vue-router2、安装和使用vue-router3、路由的默认路径4、HTML5的History模式5、router-link属性介绍6、路由代码跳转7、动态路由8、路由懒加载9、嵌套路由实现10、传递参数的方式11、导航守卫的使用12、TabBar实现思路1、认识vue-router目前前端流行的三大框架，都有自己的路由实现：Angular的ngRouterReact...
- 接上一篇，我们一起学习了vue路由的基本使用以及动态路由、路由嵌套以及路由命名等知识，今天我们一起来学习记录vue-router的钩子函数实现路由守卫； 何为路由守卫？路由守卫有点类似于ajax的请求拦截器，就是请求发送之前先给你拦截住做一些事情之后再去发送请求，同样这里的路由守卫意思差不多；简单理解为就是你在进路由之前，首先把你拦住，对你进行检查；这是不是有点中学门口的保安？进来之前拦... 接上一篇，我们一起学习了vue路由的基本使用以及动态路由、路由嵌套以及路由命名等知识，今天我们一起来学习记录vue-router的钩子函数实现路由守卫； 何为路由守卫？路由守卫有点类似于ajax的请求拦截器，就是请求发送之前先给你拦截住做一些事情之后再去发送请求，同样这里的路由守卫意思差不多；简单理解为就是你在进路由之前，首先把你拦住，对你进行检查；这是不是有点中学门口的保安？进来之前拦...
- 大家早上好，最近事比较多比较忙所以没有及时的更新博客，望大家谅解。路由模式解析这里要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道，浏览器中对页面的访问是无状态的，所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白，... 大家早上好，最近事比较多比较忙所以没有及时的更新博客，望大家谅解。路由模式解析这里要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道，浏览器中对页面的访问是无状态的，所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白，...
- Vue-router路由重定向redirect路由重定向：一般用在不同的页面跳转到同一个页面或是同一组件的情况。这时需要用到的是redirect参数，将要跳转的页面路径添加到redirect参数后。在路由重定向时，有两种情况：1.不携带参数进行路由重定向例子：demo2页面重定向到demo页面在src/router/index.js文件下增加demo2路由，这时不需要写component参数... Vue-router路由重定向redirect路由重定向：一般用在不同的页面跳转到同一个页面或是同一组件的情况。这时需要用到的是redirect参数，将要跳转的页面路径添加到redirect参数后。在路由重定向时，有两种情况：1.不携带参数进行路由重定向例子：demo2页面重定向到demo页面在src/router/index.js文件下增加demo2路由，这时不需要写component参数...
上滑加载中
推荐直播
-
DeepSeek 深入浅出白话解读2025/02/12 周三 17:00-18:00
Tim-华为云中国区AI解决方案总监
DeepSeek的来龙去脉，为什么DeepSeek那么强？哪些是它的领先优势？它是怎么发展过来的？在华为云上能不能用到DeepSeek？本节课将一一解读。
即将直播
热门标签