vue
vue 学习笔记 与 问题记录
"William'_
缓缓往前爬的蜗牛......
展开
-
[随笔] vue-cli4 安装、配置 axios
[随笔] vue-cli4 安装、配置 axios参考地址:https://www.jianshu.com/p/31f52aade33d记录时间:2020年12月使用流程:IE兼容性处理;安装、配置 axios;可把 axios 挂载到 vue 的 prototype 上,如此便不用每个文件都引入了(针对 axios库 ,而非vue-axios)vue-axios 体验心得1.IE兼容处理axios是promise实现的,提到promise,首先应该想到IE不支持,所原创 2020-12-25 19:13:37 · 1941 阅读 · 0 评论 -
[随笔] vue(2.x) 中打印指定区域内容
[转] vue(2.x) 中打印指定区域内容参考: CSDN博客 - SHERLOCK_96安装 打印组件资源npm install vue-print-nb --save在 main.jsimport Print from 'vue-print-nb'Vue.use(Print)在 vue 文件中使用<!-- 打印区域 id 名可自定义 --><el-button v-print="`#printAreaName`">打印</el-but转载 2020-12-14 17:06:13 · 742 阅读 · 0 评论 -
[vue小记] vue使用组件时,传递给组件内 props 属性默认值细节
vue使用组件需要父子组件传参时,父组件绑定属性,传递给组件内 props 属性内对应项接收,其默认值细节如下:Vue.component('my-component', { props: { // 基础的类型检查 (`null` 匹配任何类型) propA: Number, // 多个可能的类型 propB: [String, Number], //...转载 2020-05-06 18:18:53 · 1650 阅读 · 0 评论 -
[随笔] Vue中鼠标移入/移出事件——修改图片图标颜色(修改src地址)
效果:默认状态下图标为蓝色的;鼠标移入后图标变为白色的。Html 部分:<!-- 如果此处的两个鼠标事件不生效,可以在 mouseenter和 mouseleave后面添加.native后缀 --><router-link to="./detail1" class="standard-itemBox" @mouseenter.native="changeImageSrc...转载 2020-02-28 12:23:58 · 4703 阅读 · 0 评论 -
[随笔] Vue 路由守卫——页面 title 动态改变
需求实现切换路由时,标签页显示的 title 会根据不同页面发生改变实现(1)在路由配置页面 (src/router/index.js)中,给每项路由(routes)配置添加路由元信息 meta ,如: { path: '/news', name: 'news', component: news, meta: { title: '公司...转载 2020-01-15 10:44:09 · 604 阅读 · 0 评论 -
[笔记][转] vue.js原生组件化开发(一)—— 组件开发基础
前言vue作为一个轻量级前端框架,其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理,一个个组件即为一个个vue页面,这种叫单文件组件。我们在引用组件之时只需将组件页面引入,再注册即可使用。那么不用脚手架,如何进行组件开发呢,本文先介绍一下基础知识吧。组件使用流程1.组件构建1.1 extend构建法调用Vue.extend()方法,构建一个名字为myCom的组...转载 2019-11-04 00:46:27 · 634 阅读 · 0 评论 -
[笔记][转]vue.js原生组件化开发(二)—— 父子组件
前言在了解父子组件之前应先掌握组件开发基础。在实际开发过程中,组件之间可以嵌套,也因此生成父子组件。一、父子组件创建流程1.构建父子组件1.1 全局注册(1)构建注册子组件//构建子组件childvar child = Vue.extend({ template: '<div>这是子组件</div>'});//注册名为'child'的组件Vue....转载 2019-11-04 00:31:52 · 308 阅读 · 0 评论 -
[学习笔记] vue-cli 2.x (二) vue-cli 2.x 项目结构(补记)
一、总体框架一个vue-cli的项目结构如下,其中src文件夹是需要掌握的,所以本文也重点讲解其中的文件,至于其他相关文件,了解一下即可。二、结构细分1.build——[webpack配置]build文件主要是webpack的配置,主要启动文件是dev-server.js,当我们输入npm run dev首先启动的就是dev-server.js,它会去检查node及npm版本,加载配置文...转载 2019-11-03 23:19:21 · 454 阅读 · 0 评论 -
[随笔] 在Vue.js 中使用axios不能获取data对象中数据的解决方法
vue.js在钩子(如created())中使用axios不能获取属性data的解决方法:记录一个案例(请求数据,并用新数据更新页面)中遇到的问题:data: { //data域数据 list: [ {id: 1, name: '奔驰', ctime: new Date()}, {id: 2, name: '宝马', ctime: new Date()} ]},错误案例:c...转载 2019-10-25 00:06:20 · 2872 阅读 · 0 评论 -
[学习笔记] vue-cli 2.x (一)环境搭建
1、下载安装node.js前往官网下载node.js:http://nodejs.org/打开安装包,安装打开cmd(或power shell)输入"node -v" 或 “node --version”,查看node版本号以确认是否安装成功。2、开始搭建vue-cli查看环境“node -v”——查看vue版本“npm -v”——查看npm版本安装全局脚手架(安装过了可以...原创 2019-08-13 16:41:51 · 138 阅读 · 0 评论 -
[学习笔记]Vue路由安装与使用
结合个人视频学习、友人指导意见与实际情况,做下总结~1、安装vue-router(在终端内项目文件夹下执行)npm install vue-router --save-dev2、在main.js下进行相关配置(1)将vueRouter和所需要的组件(Home.vue,HelloWorld.vue)导入一下;import Vue from 'vue'import VueRouter f...原创 2019-07-16 16:57:07 · 2612 阅读 · 0 评论 -
[已解决]Vue路由安装与使用过程遇到的错误与解决方案
1、安装路由执行npm install语句报错:原创 2019-07-16 16:40:04 · 2049 阅读 · 0 评论