随笔分类 - vue2
摘要：```HTML count的值是：{{count}} +N ```
阅读全文
摘要：```html count的值是{{count}} +1 -1 ```
阅读全文
摘要：```HTML count的值是{{count}} +1 -1 ```
阅读全文
摘要：```HTML count的值是{{count}} +1 -1 ```
阅读全文
摘要：# 事件绑定指令 vue提供了`v-on事件绑定`指令，用来辅助程序员为DOM元素绑定事件监听。语法格式如下： ```HTML count的值是{{count}} +1 ```
阅读全文
摘要：# 使用Javascript表达式 在vue提供的模板渲染语法中，除了支持`绑定简单的数据值`之外，还`支持Javascript表达式的运算`，例如： ```html 1+2的结果是:{{1+2}} {{tips}}反转的结果是：{{tips.split('').reverse().join('')
阅读全文
摘要：# 属性绑定指令 注意：插值表达式只能用在元素的**内容节点**中，不能用在元素的**属性节点**中！ 如果需要为`元素的属性`动态绑定`属性值`，则需要用到`v-bind`属性绑定指令。用法示例如下： 在vue中，可以使用 v-bind:指令，为元素的属性动态绑定值； 简写是英文的 `:` ```
阅读全文
摘要：# 1.指令的概念 `指令（Directives）`是vue为开发者提供的`模板语法`，用于`辅助开发者渲染页面的基本结构`。 vue中的指令`按照不同的用途`可以分为如下6大类： 1. `内容渲染`指令 1. `属性绑定`指令 1. `事件绑定`指令 1. `双向绑定`指令 1. `条件渲染`指令
阅读全文
摘要：  # mvvm的工作原理 ![image](https://img2023.cnblogs
阅读全文
摘要：# vue的特性 vue框架的特性，主要体现在如下两方面： 1. `数据驱动视图` 1. `双向数据绑定` # 数据驱动视图 ![image](https://img2023.cnblogs.com/blog/1069029/202305/1069029-20230531001444511-1724
阅读全文
摘要：# 什么是Source Map `Source Map就是一个信息文件，里面储存着位置信息`。也就是说，Source Map文件中存储着压缩混淆后的代码，所对应的`转换前的位置`。 有了它，出错的时候，除错工具将`直接显示原始代码，而不是转换后的代码`，能够极大的方便后期的调试。 # 解决默认Sou
阅读全文
摘要：# 自动清理dist目录下的旧文件 为了在每次打包发布时`自动清理掉dist目录中的旧文件`，可以安装并配置`clean-webpack-plugin`插件： ``` // 1.安装清理dist目录的webpack插件 npm install --save-dev clean-webpack-plu
阅读全文
摘要：# 把JavaScript文件同意生成到js目录中 在`webpack.config.js`配置文件的`output`节点中，进行如下的配置： ```JS {test: /\.jpg|png|gif$/, use: 'url-loader?limit=470&outputPath=images'}
阅读全文
摘要：# 配置webpack的打包发布 在`package.json`文件的`scripts`节点下，新增build命令如下： ```JS "scripts": { "dev": "webpack serve",//开发环境中，运行dev命令 "build":"webpack --mode product
阅读全文
摘要：webpack只能打包处理`一部分`高级的JavaScript语法。对于那些webpack无法处理的高级js语法，需要借助于`babel-loader`进行打包处理。例如webpack无法处理下面的JavaScript代码： ```js //定义装饰器函数 function info(target)
阅读全文
摘要：# 打包处理样式表中与`url路径相关`的文件 1. 运行 `npm i url-loader file-loader -D` 命令 1. 在webpack.config.js的module->rules数组中，添加loader规则如下： ```js module: { rules: [ //定义了
阅读全文
摘要：# 打包处理less文件 1. 运行 npm i less-loader less -D 命令 1. 在webpack.config.js的module->rules数组中，添加loader规则如下： ```js module: { rules: [ //定义了不同模块对应的loader {test
阅读全文
摘要：# loader概述 在实际开发过程中，webpack默认只能打包处理以.js后缀名结尾的模块。其他`非.js后缀名结尾的模块`，webpack默认处理不了，`需要调用loader加载器才可以正常打包`，否则会报错！ loader加载器的作用：`协助webpack打包处理特定的文件模块`。比如： -
阅读全文
浙公网安备 33010602011771号