Vue
一个平平无奇的小高
(学习笔记)主要用于记录学习中遇到的问题,仅供参考。。
展开
-
vue-cli不同版本对比(vue-cli2/cli3/cli4)
版本/操作vue-cli2vue-cli3/cli4vue-cli下载安装 npm install vue-cli -g npm install -g vue@cli创建新项目vue init webpack 2.0projectvue create 3.0project启动项目npm run devnpm ru...原创 2021-05-22 19:28:00 · 2209 阅读 · 0 评论 -
vue引入elementUI
vue引入ElementUI一. 全局引入项目根目录下执行命令:npm i element-ui -Smain.js中引入elementui:import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css';Vue.use(Element)在组件中直接使用二. 按需引入项目根目录下执行命令:vue add elemen此时我们选择按需引入(import on demand)选原创 2021-01-31 17:12:48 · 423 阅读 · 0 评论 -
vue反向代理解决跨域问题(vue 3.0,vue-cli3.0),vue-cli2.0在config下的index.js中配置,vue-cli3.0在根目录下创建vue.config.js配置
【注】反向代理用来解决前端跨域问题,vue-cli3.0移除了配置文件目录,config和build文件夹,没了config文件夹,跨域需要配置域名时,从之前的config/index.js 挪到了vue.config.js中,配置方法不变.大致步骤:(本例的请求地址为:https://m.maoyan.com/ajax/movieOnInfoList?token)npm install --save axios在vue.config.js文件(和package.json文件同级,需要自行创建)中进原创 2021-01-09 20:36:40 · 633 阅读 · 0 评论 -
组件命名不规范带来的问题
想要在Movie组件中加一个头部header和一个底部tabbar,但是遇到了问题,如下:在引入header组件时,该有的步骤都有,检查路径也没有问题,但是显示报错信息:‘The “header” component has been registered but not used.’。tabbar可以正常显示。于是,我尝试将header组件的首字母大写,也就是改为Header,之后发现问题解决了,header和tabbar正常显示。然后我就想应该是组件命名的问题,所以,在命名组件时,尽量按照官原创 2021-01-03 22:42:26 · 622 阅读 · 2 评论 -
vue cli4.0 快速搭建项目详解
https://www.cnblogs.com/sese/p/11712275.html转载 2020-12-27 16:13:56 · 124 阅读 · 0 评论 -
使用swiper插件时,遇到Do not use ‘new‘ for side effects (no-new)报错!!!
使用swiper插件时,遇到Do not use ‘new’ for side effects (no-new)报错!!!报错截图:解决办法:添加一行注释 /* eslint-disable no-new */,让eslint不检查"no-new";添加注释之前:添加注释之后:参考链接:https://www.cnblogs.com/xinzaimengzai/p/9873169.htmlps:如有错误,欢迎指正...原创 2020-12-01 09:50:58 · 197 阅读 · 0 评论 -
Vue事件练习-----实现一个简单的计算器
Vue事件练习-----实现一个简单的计算器效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件绑定 v-on</title> <scr原创 2020-10-21 20:36:18 · 317 阅读 · 0 评论 -
Vue---计算属性---利用计算属性进行模糊查询
输出是最好的学习,所以,我又来记笔记啦。。。。计算属性:如果我们把过多的逻辑写在模板中的话,太难维护,当模板中的数据需要比较复杂的计算时,我们可以采用这个computed属性进行计算。计算属性 VS methods:1、计算属性是基于它们的依赖进行缓存的2、计算属性只有在它的相关依赖发生变化时才会重新求值3、computed属性和methods在某种程度上可以完成相同的事情,但是计算属性具有缓存作用,而methods方法则不同,每当页面渲染的时候,methods中的方法会重新执行【例1】代码原创 2020-10-03 10:48:40 · 603 阅读 · 0 评论 -
vue---class和style绑定
Just do it…????:文章是供自己平时学习时用,相当于学习笔记,如有错误,欢迎指正~~vue—class和style绑定【vue.js官网描述】操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。原创 2020-07-23 15:38:59 · 199 阅读 · 0 评论 -
vue---vue指令之v-if和v-show
做一个心里只有目标和成绩的女孩子吧…????:文章是供自己平时学习时用,相当于学习笔记,如有错误,欢迎指正,若有侵权,请联系我~~vue指令—v-if和v-show一、v-show表示动态显示或隐藏节点,该指令用来动态控制DOM元素的显示或隐藏。语法如下:v-show="判断变量"若判断变量为true,表示显示DOM节点,若判断变量为false,表示隐藏DOM节点二、v-if表示动态创建和删除节点,该指令和v-show的用法相同。v-if="判断变量"若判断变量为true,表示创建原创 2020-07-17 17:45:24 · 568 阅读 · 0 评论 -
Vue--vue实例、模板语法
Just do it…????:文章是供自己平时学习时用,相当于学习笔记,如有错误,欢迎指正,若有侵权,请联系我~~参考博文连接:https://blog.csdn.net/weixin_34021089/article/details/91871486?utm_source=appVue–vue实例、模板语法(插值、指令、缩写)一、vue实例化var vm = new Vue({ //vm表示Vue实例//属性和方法})例如: var vm = new Vue({ //实例原创 2020-07-17 15:45:27 · 168 阅读 · 0 评论