vue
我不淑女girl
这个作者很懒,什么都没留下…
展开
-
vue-cli3中使用vue-router
在项目中使用vue-router管理路由,分为以下几步第一步:在终端(terminal)中安装vue-routernpm install -g vue-router第二步:在src目录下创建一个router文件夹,在这个文件夹下创建router.js(也可以和main.js平级,直接创建router.js),在router.js文件中配置相应的信息,代码如下import Vue from 'vue' //引入vueimport vueRouter from 'vue-router' //引入原创 2020-11-24 14:53:59 · 2298 阅读 · 0 评论 -
2020-08-27面试题
1.vue常用的布局2.v-if和v-show的区别共同点:都能控制元素的显示和隐藏不同点:v-show本质就是控制css,通过设置css中的display设置none,控制隐藏v-if是动态的向DOM树内添加或者删除DOM元素v-show只编译一次,后面其实就是控制css,而v-if不停的销毁和创建,故v-show性能更好一点如果要频繁切换某节点时,使用v-show(v-show初始开销较大,切换开销比较小);如果不需要频繁切换某节点时,使用v-if(v-if初始渲染开销较小,切换开销较大原创 2020-08-27 17:42:58 · 145 阅读 · 0 评论 -
vue-cli项目中使用vux cell不居中的问题
直接上代码:<template> <div> <h1>我的</h1> <cell slot="title" value="¥1024"></cell> <cell-form-preview :list="list"></cell-form-preview> </div></template><script>import {Group,原创 2020-07-30 15:08:55 · 466 阅读 · 0 评论 -
Vue - 项目中报错Error: Avoided redundant navigation to current location: “/xxx“.的解决方案
项目中报错 Error: Avoided redundant navigation to current location: “/xxx”. 的解决方案报错显示路由重复,对功能没有影响。解决方法:router 文件下 index.js 中添加下面代码即可// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = Router.prototype.pushRouter.prototype.push = function p转载 2020-07-30 11:52:46 · 18198 阅读 · 12 评论 -
vue-cli项目引入vux步骤及遇到的坑
vue-cli项目创建成功之后,开始引入vux1.安装vuxnpm install vux --save2.安装vux-loadernpm install vux-loader --save-dev3.安装lessnpm install less --save-dev4.安装less-loadernpm install less-loader --save-dev5.安装vue-loadernpm install vue-loader --save-dev原创 2020-07-29 17:16:57 · 708 阅读 · 0 评论 -
2020.7.16.h5面试题
1.W3C标准盒模型和IE盒模型的区别?有了解过box-sizing吗,说说具体属性及用法(1)w3c标准盒模型:w3c标准盒模型的范围包括margin、border、padding、content,盒模型的content部分不包含其他部分;盒子的width、height只包括content的width、height,不包括padding和border(2)IE盒模型:IE盒模型的范围包括margin、border、padding、content,盒模型的content部分包含了padding和b原创 2020-07-16 18:22:23 · 561 阅读 · 0 评论 -
vue-cli项目中使用axios报错:TypeError: Cannot read property ‘protocol‘ of undefined
vue项目中引入axios,请求数据报错在main.js引入axios在另一个文件中使用axios请求数据这时候报错,报错信息请看截图查了好多资料,说是要给axios定义个别名,在main.js中添加即可这时候可以请求到数据,但是控制台还是有报错信息查了好多资料,各种测试,要把main.js里面的:Vue.use(axios)这句代码去掉,使用原型定义别名,直接使用别名请求数据就不会报错了现在用别名请求数据完全正常,就没有任何报错信息了...原创 2020-07-01 11:35:09 · 9404 阅读 · 2 评论 -
在vue-cli搭建的项目中,使用sass
Sass 是一款强化 CSS 的辅助工具,有助于更好地组织管理样式文件,以及更高效地开发项目。那么在项目中如何使用sass呢?sass依赖于Ruby,首先要安装Ruby:在Windows下,可以使用RubyInstaller 安装Ruby,下载地址为:ruby下载地址安装好之后,在电脑的左下角:开始(或者键盘:window键)打开电脑自动终端,输入:gem install sass,安装sass打开vue项目,安装依赖,执行:1.cnpm install node-sass --save-dev原创 2020-06-04 10:29:44 · 1209 阅读 · 0 评论 -
vue鼠标按钮修饰符
在Vue.js2.2.0中新增鼠标按钮修饰符.left.right.middle<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,min...原创 2020-03-31 16:32:59 · 628 阅读 · 0 评论 -
vue指令
1.v-text:更新元素的 textContent<!-- 两个span输出的内容一致 --><span>{{vText}}</span><span v-text="vText"></span>2.v-html:更新元素的innerHTML <span v-html="vHtml"></span>...原创 2019-11-22 18:36:45 · 148 阅读 · 0 评论