随笔分类 -  前端框架VUE

Vue完成页面切换中加载数据
摘要：```js created() { // 拿到路由传递来的car主键 let pk = this.$route.query.pk || this.$route.params.pk; // 主键不存在，就直接结束方法 if (!pk) return false; // 主键存在才请求后台 //axio 阅读全文
posted @ 2019-12-23 18:22 MiaoQinHong 阅读(1245) 评论(0) 推荐(0)
Vue-main.js中的一些配置
摘要：```jsimport Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'Vue.config.productionTip = false;// 全局cssrequire导入静态文件给全局使用，同时也可以使用import导入，require('@/asse... 阅读全文
posted @ 2019-12-23 17:26 MiaoQinHong 阅读(2762) 评论(0) 推荐(0)
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
摘要：Component template should contain exactly one root element. If you are using v if on multiple elements, use v else if to chain them instead.页面报错 阅读全文
posted @ 2019-12-21 16:01 MiaoQinHong 阅读(340) 评论(0) 推荐(0)
Vue-项目重要配置
摘要：Vue配置axios CORS跨域问题（同源策略） Vue设置全局cookies样式 Vue设置全局css样式 Vue设置全局js样式 Vue配置ElementUI Vue配置bootstrap，提前要配置jQuery 阅读全文
posted @ 2019-12-20 19:17 MiaoQinHong 阅读(632) 评论(0) 推荐(0)
vue-重要方法使用
摘要：标签属性router link exact active： 标签router link to= 使用a标签页面就会跳转，就不是单页面操作了，所以这里使用标签router link to=页面不做跳转 require配置全局样式，在main.js中配置 配置全局样式：官方提倡require加载静态文件 阅读全文
posted @ 2019-12-20 18:55 MiaoQinHong 阅读(380) 评论(0) 推荐(0)
如何创建vue项目
摘要：Vue项目环境搭建 Vue项目创建 pycharm配置并启动vue项目 vue项目目录结构分析 vue组件(.vue文件) 全局脚本文件main.js（项目入口） 改写 阅读全文
posted @ 2019-12-20 17:09 MiaoQinHong 阅读(1191) 评论(0) 推荐(0)
js原型补充
摘要：js定义函数： ES6语法下类 阅读全文
posted @ 2019-12-19 19:59 MiaoQinHong 阅读(91) 评论(0) 推荐(0)
Vue-组件
摘要：组件 组件概念： ​ html、css与js的集合，为该集合体命名，用该名字复用html、css与js组成的集合体构成复用性。 组件分类： ​ 根组件：new Vue()生成的组件 ​ 局部组件：组件名={}，{}内部采用的是部Vue语法 ​ 全局组件：Vue.component（‘组件名’，{}） 阅读全文
posted @ 2019-12-18 22:04 MiaoQinHong 阅读(585) 评论(0) 推荐(0)
Vue-指令补充、过滤器、计数器属性、监听属性
摘要：一、表单指令(重要)： 表单指令 v model='变量'，变量值与表单标签的value相关 v model可以实现数据的双向绑定：v model绑定的变量值可以影响表单标签的值， 反过表单标签的值也可以影响变量的值。 循环留言板案例： 四、过滤器 总结：1、在filters成员中定义过滤器方法；2 阅读全文
posted @ 2019-12-17 22:36 MiaoQinHong 阅读(342) 评论(0) 推荐(0)
VUE-文本-事件-属性指令
摘要：一、Vue文本指令 文本指令： 1、{{ }} 2、v text：不能解析html语法的文本，会原样输出 3、v html：能解析html语法的文本 4、v once：处理的标签的内容只能被解析一次 HTML： JS： 二、Vue事件指令 事件指令： ​ v on:事件名='方法变量'， 可以简写成 阅读全文
posted @ 2019-12-16 22:23 MiaoQinHong 阅读(1138) 评论(0) 推荐(0)
VUE- 介绍
摘要：一、VUE介绍： 1,什么是Vue： 三大主流框架之一：Angular/React/Vue JS中没有关键字参数，所以只有类似python中的 可以独立完成前后端分离式web项目的JavaScript框架；先进的前端设计模式MVVM（数据的双向绑定），可以完全脱离服务器端，以前端代码复用的方式渲染整 阅读全文
posted @ 2019-12-16 22:22 MiaoQinHong 阅读(318) 评论(0) 推荐(0)