![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端小程序
文章平均质量分 52
手掰小数据
这个作者很懒,什么都没留下…
展开
-
全局过滤器与私有过滤器
过滤器Filters是vue为开发者提供的功能,常用于文本的格式化,过滤器可以用在两个方面:插值表达式和v-bind属性绑定。过滤器应该被添加在javascript表达式的尾部,由管道符进行调用,注意:在双花括号通过管道符调用capitalize过滤器,对message的值进行格式化 <p>{{message | capitalize}}</P>在v-bind中通过管道符调用formatId过滤器,对rawid的只进行格式化<div v-bind:id="rawi原创 2022-02-27 20:34:00 · 440 阅读 · 0 评论 -
vue基础二
按键修饰符在监听键盘事件时,我们经常需要判断详细的按键,此时,可以为键盘相关的事件添加按键修饰符双向绑定指令vue提供了v-model双向数据绑定指令,用来辅助开发者在不操作dom的前提下,快速获取表单的数据。...原创 2022-02-20 15:56:25 · 134 阅读 · 0 评论 -
vue基础
vue的特性1、数据驱动视图页面所依赖的数据变化 到 vue监听数据的变化 到 页面结构数据的变化会驱动视图自动更新2、双向数据绑定在网页中,form表单填写数据,axja负责提交数据mvvmmvvm是vue实现数据驱动试图和双向数据绑定的核心原理。mvvm指定的是model view 和viewmodel,它把每个html页面都拆分成三个部分mvvm概念:model表示当前页面渲染时所依赖的数据源view表示当前页面所渲染的dom结构viewmodel表示vue的实例,它是mvvm的原创 2022-02-18 16:03:04 · 152 阅读 · 0 评论 -
webpack基础二
wepack中的loader在实际开发过程中,webpack默认只能打包处理.js后缀结尾的模块。其他非.JS后缀名结尾的模块,webpack默认处理不了,需要调用loader加载器才可以正常打包,否则会报错。loader加载器的作用:协助webpack打包处理特定的文件模块css-loader可以打包处理。css相关文件less-loader可以打包处理。less相关文件babel-loader可以打包处理webpack无法处理的高级js语法安装地址:npm i style-loader@3原创 2022-02-17 14:05:51 · 90 阅读 · 0 评论 -
webpack基础
webpack的使用1、新建项目空白目录,并运行npm init -y 命令,初始化包管理配置文件package.json2、新建src源代码目录3、新建src ->index.html 首页和src ->index.js脚本文件4、初始化首页基本的结构5、运行npm install jquery -S 命令,安装jquery6、通过es6模块化的方式导入jquery,实现列表隔行变色效果,webpack的安装与配置在项目中安装webpack在终端运行如下命令,安装webpa原创 2022-02-15 21:40:47 · 593 阅读 · 0 评论