
Vue
陪着月亮
前端开发,不断学习中...
展开
-
【vue】vue自己封装组件(局部、全局)
https://blog.youkuaiyun.com/wang729506596/article/details/81018270?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task原创 2021-05-18 17:00:43 · 556 阅读 · 0 评论 -
【css预处理器】less
less官网: http://lesscss.org/#中文网: https://less.bootcss.com/1、变量定义变量以@开头@width: 10px;@height: @width + 10px;// 定义的变量@height 为20px;.top { width: @width;// 使用变量}2、混合就像编程语言里定义了一个方法, 然后可以在多个地方调用一样。.bordered { border: 1px solid pink;}.top { colo原创 2020-12-24 10:39:36 · 2537 阅读 · 0 评论 -
Vue Router:路由、动态路由
子路由<router-link to="/solution/basis" tag="div" class="item"> 方案依据 </router-link>{ path: '/solution', component: Solution, children: [ ...原创 2019-12-19 15:12:02 · 88 阅读 · 0 评论 -
babel:Vue项目IE下显示空白
https://www.cnblogs.com/wy120/p/9952692.html原创 2019-12-10 09:22:11 · 159 阅读 · 0 评论 -
vue项目中设置favicon图标
/build/webpacj.dev.conf.js/build/webpack.prod.conf.js两个配置文件中增加一行代码favicon: path.resolve('favicon.ico')new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inj...原创 2019-11-11 14:47:57 · 132 阅读 · 0 评论 -
【vue】局域网里访问开发运行中的vue项目
vue开发中本地运行,localhost:8080 可以访问, 127.0.0.1:8080也可以访问,但是使用本机IP:8080 本能访问。解决办法:修改 config/ index.js 的配置文件。host的值改为 0.0.0.0之后重启项目。...原创 2020-02-18 18:55:49 · 612 阅读 · 0 评论 -
vue事件修饰符native 的作用
转载: https://blog.youkuaiyun.com/qq_29468573/article/details/80771625通俗点讲:就是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签,不加’. native’事件是无法触 发的。...转载 2019-07-29 16:27:47 · 3710 阅读 · 0 评论 -
前端开发环境安装(vue)
安装前端开发环境:node、vue-cli,vue init生成项目。原创 2022-11-08 14:26:53 · 658 阅读 · 0 评论 -
【vue】history模式、前缀
router/index.jsmode: 'history',base: '/sss', // 路由前缀config/index.js开发dev和线上build配置中,将static改成想要的前缀。https://blog.youkuaiyun.com/weixin_33920401/article/details/87962115原创 2020-10-19 10:44:55 · 1507 阅读 · 1 评论 -
Vue项目中Promise兼容问题
vue项目在IE下打开报错(主要是不支持es6语法),截图如下:解决办法:1、下载依赖npm i es6-promise -S-dev2.、引入//main.js 中import promise from ‘es6-promise’;promise.polyfill();...原创 2019-12-13 11:01:12 · 600 阅读 · 0 评论 -
Vue:切换新页面滚动条都在最上面
Vue项目: 出现了一个bug,某页面拉动滚动条后,再切换到新的页面,滚动条不在顶部。期望: 每次切换新页面后,如果出现滚动条,期望在顶部。解决办法 :切换页面(即切换路由)的时候,将scrollTop 置为0;代码 :App.vue中监测路由变化。watch: { $route: function(to, from) { document.body.scrollTop = 0...原创 2019-11-05 13:43:41 · 1405 阅读 · 1 评论 -
【vue】input 中v-moel 和v-bind:value 的区别
你可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理简单说就是:v-model: 双向绑定。input可以获取vue中的数据,监听输入时间并更新数据。————————————————————————————v-bind:valuev-bind:value 进行输入后, 新的内容不是更新data中的数据。原创 2020-05-13 10:44:54 · 2213 阅读 · 0 评论 -
【vue】组件传参
兄弟组件传参Bridge新建一个js文件,内容:import Vue from ‘vue’export default new Vue在要传参的组件引入:import Bridge from "../js文件"// 传参Bridge.$emit('searchParams', this.searchForm);// 接收参数Bridge.$on("searchParams", param=> { console.log(param)})...原创 2021-04-15 14:57:51 · 2162 阅读 · 0 评论 -
【vue】Vue中axios请求:
https://www.cnblogs.com/kongweijian/p/10845815.html跨域问题????局部配置:this.$http .post( "/rest/search1", { header: { "Content-Type": "application/x-www-form-urlencoded" } }, params )...原创 2020-02-26 20:40:29 · 177 阅读 · 0 评论 -
vuex的使用
https://segmentfault.com/a/1190000015782272?utm_source=tag-newest场景: 全局状态管理,管理全局变量。state中定义的变量可以在项目任意组件中获取、修改,且全局响应变更。【使用$emit $on props 等等实现不了的状态管理】。有几个参数好几个地方都要用到,使用Bridge传参 父子传参等,层级太多,比较麻烦。网上调研,...转载 2019-12-19 17:18:18 · 113 阅读 · 0 评论 -
Vue中watch一个对象
https://blog.youkuaiyun.com/A__yes/article/details/79083710原创 2019-12-19 15:33:58 · 1147 阅读 · 0 评论