![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习
syx_12
新时代农民工
展开
-
Error in mounted hook: “TypeError: Cannot read property ‘on‘ of null“
报错提示:在运行VUE项目的时候出现了以上错误,错误原因是由于better-scroll还未挂载就使用了其on方法。代码如下:<template> <div class="wrappers" ref="wrappers"> <div class="content"> <slot></slot> </div> </div></template><scr.原创 2021-07-30 16:15:12 · 1773 阅读 · 0 评论 -
Nginx的Windows安装部署关闭
Nginx的Windows安装教程一、Nginx版本介绍和下载1.版本介绍2.下载方式官网:http://nginx.org/找到 stable version稳定版这里只要是稳定版都可以选择,我选择的是1.18版本。下载后解压到没有中文路径的地方!注意不要有中文路径!不要有中文路径!不要有中文路径!不要有中文路径!二、Nginx的基本使用1、运行cmd命令行,**不要直接双击nginx.exe!!!!!**否则会一闪而过,必须在任务管理器中关闭多个nginx进程。2、使用cmd到解原创 2021-06-21 16:27:29 · 216 阅读 · 0 评论 -
wepack使用url-loader/file-loader出现的路径问题
在使用url-loader和file-loader的时候,我的图片路径总是不正确,默认路径加载到了项目路径的src下了。我的webpackk.config.js配置如下:<script>const path = require('path');module.exports = { entry: './src/main.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bund原创 2021-04-25 10:08:31 · 407 阅读 · 0 评论 -
使用vscode模块化开发加载js类型为module所出现的问题<script type=‘module‘>
<script src="aaa.js" type="module"></script> <script src="./bbb.js" type="module"></script> <script src="./mmm.js" type="module"></script>通过默认浏览器运行时报错,加载js被阻止。出现了以下错误Access to script at 'file:///E:/mystudy/VU...原创 2021-04-21 15:37:50 · 4984 阅读 · 5 评论 -
04-基础Vue指令v-bind
之前学习的指令都是值插入指令。在这里做一下总结:值插入指令 v-text="xxx" 渲染数据 v-html="xxx" 以识别html标签方式渲染数据 v-pre vue不编译 v-cloak display:none v-once 数据改变,不再渲染. 五. v-bind 属性绑定v-bind用于绑定一个或多个属性值,或者向另一个组件传递props值(这个学到组件时再介绍)。在开发中,有哪些属性需要动态进行绑定呢?还是有很多的,比...原创 2021-04-20 17:09:43 · 179 阅读 · 0 评论 -
03-基础Vue指令
三. v-pre指令v-pre用于跳过这个元素和它子元素的编译过程,用于显示原本的Mustache语法。比如下面的代码:第一个h2元素中会直接显示{{message}} 第二个h2元素中的内容会被编译解析出来对应的内容<body> <div id="app"> <h2 v-pre>{{message}}</h2> <h2>{{msg}}</h2> </div> <scrip原创 2021-04-20 15:49:10 · 72 阅读 · 0 评论 -
02-基础Vue指令v-html/v-text
一. v-html的使用v-html与mustache语法相同的地方是可以渲染数据,但v-html最特别的地方在于它可以渲染html标签。某些情况下,我们从服务器请求到的数据本身就是一个HTML代码,如果我们直接通过{{}}来输出,会将HTML代码也一起输出。但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。如果我们希望解析出HTML展示,可以使用v-html指令。该指令后面往往会跟上一个string类型 会将string的html解析出来并且进行渲染<!DOCTYP原创 2021-04-20 15:28:43 · 340 阅读 · 0 评论 -
01-vue的mustache语法
mustache语法是响应式的mustache:胡子,胡须。我们可以通过双括号的形式获取到data中的数据,并且数据改变h2标签中的展示也会发生变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport原创 2021-04-20 15:03:37 · 123 阅读 · 0 评论