vue优点和缺点 和json
vue的特点和优点vue的两大优点：响应式编程、组件化vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟dom、运行速度快vue是单页面应用，使页面局部刷新，不用每次跳转页面时都要请求所有的数据和dom，这样大大加快了访问速度和提升用户体验，而且他的第三方ui...
2022-05-21
vue 配置App.js
//注册全局filters函数//app.js import * as filters from './filters' // 全局filter //注册全局工具过滤器 Object.keys(filters).forEach(key=>{ Vue.filter(key,filters[key]) })//filters.jsexport function nFormatter(num, digits) { //...}export function html2Text(val) { ...
2022-05-09
vue seo 优化
预渲染prerender-spa-plugin如果你只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全...
2022-05-29
vue之node.js的简单介绍
它是可以运行JavaScript的服务器，用javascript语言编写的后端，只是它的开发语言是JavaScript二、安装1、node.js的特性：- 非阻塞IO模型- 时间驱动2、运用的场景：- 高并发单例模式业务- 实时场景- 聊天、电子商务、视频直播等3、安装地址：http://nodejs.cn/判断是否安装成功 node -v进入编辑状态:node+...
2022-05-25
vue 请求本地json文件出现的问题
本地调试 this.$axios.get("http://localhost:8080/static/sichuan.json").then(geoJson => {})这是请求四川的json地图文件，这个使用echarts中取 的四川数据，本地直接 就是8080直接调试就行 上线怎么搞 this.$axios.get(this.jsonUrl+'/static/sichuan.json').then(geoJson => {}）vue打包之后是index.html和static文件夹 所以我们直接...
2022-05-19
v-for vue.js中的条件？
我想在下面的代码中避免image值。 image是property的关键。我怎样才能做到这一点 ？v-for vue.js中的条件？<tbody> <tr v-for="obj in data" :id="obj.id"> <td v-for="property in obj">{{property}}</td> </tr> </tbody> 回答：让我们一探究竟：v-for with an Object，v-for with v-if。<td v-for="(value, pro...
2022-04-01
vue 自适应 Responsive 设计
使用阿里的 lib-flexible 及 vue-meta 库：https://github.com/amfe/lib-flexible/https://github.com/nuxt/vue-meta#meta-object1.安装lib-flexible在命令行中输入并运行：npm i lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'这个时候我们可以npm run dev看一下，已经有了效果。使用 vue-me...
2022-05-15
js Event Loop事件循环机制详解
前言最近面试了很多家公司，这道题几乎是必被问到的一道题。之前总觉得自己了解得差不多，但是当第一次被问到的时候，却不知道该从哪里开始说起，涉及到的知识点很多。于是花时间整理了一下。并不仅仅是因为面试遇到了，而是理解JavaScript事件循环机制会让我们平常遇到的疑惑也得到解答。...
2020-06-21
node.Js 创建vue 遇到问题
npm Error: Cannot find module有可能是路径错误。你看下看看他输入的路径是不是没有找到vue 模块用下面的语句设置nodjs默认路径npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"npm list -global看路径是否改变升级VUenpm install -g @vue/cli --force 升级时需要加--force否则无法升级成功 with --...
2022-05-10在vue中使用jsonp进行跨域请求接口操作
前言：这里我们使用的是第三方插件jsonp。github网址：https://github.com/webmodules/jsonp1、安装npm install jsonp -S2、引入一般新建一个js文件来引入原始jsonp插件，然后对原始插件进行封装，对跨域接口参数的拼接，封装好这个jsonp文件后export出去，之后在哪里用到就再在那里import。1.新建jsonp.js文件来封装...
2021-10-30vue props 如何接受多个类型?
我的代码props:{price_type:{required:true,type(){return Number | String},default:0}},当我传递了 Number 0 还是发出了警告[Vue warn] Invalid prop: type check failed for prop "price_type". Expected Type, got Number with value 1.回答https://cn.vuejs.org/v2/guide...props: { pri...
2021-01-21
vue 中使用百度统计 - sjpqy
vue 中使用百度统计 百度统计一个免费的统计平台，使用的时候只需要申请下账号即可官网地址：https://tongji.baidu.com/一、添加需要统计的网址二、添加完之后，点击获取代码，可以看到一段js代码三、每个网址都会对应一个唯一的id，这个不能更换，将此代码复制到 vue 的...
2022-05-17在 Vue.js 中将事件和参数传递给 v-on
我在指令中传递了一个参数v-on:input。如果我不通过它，我可以访问方法中的事件。将参数传递给函数时，我仍然可以访问事件吗？请注意，我使用的是vue-router。这是没有传递参数的。我可以访问事件对象：HTML<input type="number" v-on:input="addToCart" min="0" placeholder="0">Javascriptmethods: { addToCart: function (event...
2022-10-16beego 怎么与vue.js一起使用呢
beego 怎么与vue.js一起使用呢回答：beego是后端，vue是前端。通过vue实现前端功能之后，执行npm run build，将产生的文件利用beego加载就好了。回答：有啥不能用的，你正常使用webpack打包，HTML引入，完后通过JSON读取后端地址，前端判断验证不就可以了吗？回答：1.在vue.js里，cnpm run build打包，得到dist文件...
2021-07-07
聊聊vue 中的v-on参数问题
vue中v-on:clock的使用最近在学习vue.js框架。记下其中遇到的一些问题，以便以后查阅。首先，这是一个页面(为了便于观察，将各个标签都一一着色)：其中html代码：<div class="groupbody "> <ul class="list "> <li v-for="cell in todo.groupbody " class="pagegroupcell " v-on:click="exchange($event)"> <div class="pagecellte...
2022-02-22vue prop传值类型检验方式
prop 传值检验规则如果是 prop 是静态传值，则必须是 String 类型如果是 prop 是动态传值，则可以验证任意类型示例，如果必须要传一个Number，就必须使用 bind//声明Vue.component("blog-post", { props: { postTitle: { type: Number, default: 10000 } }, template: "<h3>{{ postTitle }}</h3>"});//在template中调用，静态传值，...
2022-02-25vue 中使用stompjs和sockjs 比较急
发送两次链接一次未定义<template><div> <div class="page-header" id="tou">webSocket-stomp测试程序<button @click="onStop" >关闭连接</button></div> <div v-for="x in msg"><div>{{x}}</div></div> <div class="input-group"><input type="text" placeholder="发送信息..." v-model="text"><s...
2021-06-20Django vue前后端分离整合过程解析
最近接到一个任务，就是用django后端，前段用vue，做一个普通的简单系统，我就是一搞后端的，听到vue也是比较震惊，之前压根没接触过vue.看了vue的一些文档，还有一些项目，先说一下django与vue的完美结合吧！首先是创建一个django项目django-admin startproject mysite # 创建mysite项目django-admin startapp blog # ...
2022-05-01vue组件开发props验证的实现
使用props在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue Study</title></head><body> <div id="app"> <foo-component :foo-message="fooMessage"></foo-component> </div> <script type="text/javascr...
2022-05-17
说说 Vue.js 中的 v-show 指令
1 用法v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。html：<div id="app"> <p v-show="type==='科技'">大数据之下的锦鲤：为什么你的微博总抽不到奖</p></div>js：<script> var app = new Vue({ el: '#app', data: { type:'技术' } });</script>渲染后代码：大数据...
2022-05-14详细介绍解决vue和jsp结合的方法
emm...实训后的小组作业是做一个培训基地的网站，但是老师教了一个学期的jsp后台..但我不想用jsp写前端...太傻了，遂决定用vue-cli+jsp的方式做这个项目。首先，vue-cli基于node监听端口进行调试，也就是Localhost:8080，但同时tomcat监听的端口也是8080，我选择把tomcat的端口改成8081来防止两者冲突。（改端口...
2022-02-27vue prop属性传值与传引用示例
vue组件在prop里根据type决定传值还是传引用。简要如下：传值：String、Number、Boolean传引用：Array、Object若想将数组或对象类型也以值形式传递怎么办呢？如下方式可以实现：// component-A 引用component-B组件<component-B :person="personList" :personBak="person_Bak"></component-B> // component-A 部分关键代码 // ...
2022-02-28vuejs中如何引入微信JS SDK好？
最近使用vuejs做了一个公众号页面，因为涉及到分享，需要调用微信jssdk。网上找了些参考资料，我是这么实现的：写了服务端接口，获取 token，计算签名前端组件里，在了ready里面，先通过this.$http.get调用服务端获取签名，再调用wx.config进行初始化这样做的后果是，每次都需要一个http请求，所...
2020-03-27
一款易用、高可定制的vue翻页组件 vo-pages
在线体验：pages.cixi518.com使用npm i vo-pages --savevo-pages组件父元素必须设置固定高度并填写属性overflow: hidden;如：height: 100vh;overflow: hidden;全局引入// mian.jsimport VoPages from "vo-pages";import "vo-pages/lib/vo-pages.css";Vue.component('VoPages', VoPages)局部引入import VoPages fro...
2022-05-09
vue中 js获取图片尺寸 设置不同样式
1.JS: 请求到后端数据后 判断图片尺寸2.HTML代码 根据设置的类型，给图片添加不同的样式3.CSS代码 添加不同尺寸的样式...
2022-05-23
