两种情况：1. js为ES5的写法时，如下（自定义的my.js）:function fun(){console.log(‘hello‘); }Vue中的全局引入方式为，在index.html中通过如下方式引入即可：<script src="src/models/my.js"></script> 2. js为 ES6 模块化写法时，即 import，export形式，如下：var fun=function(){console.log(‘hello‘); } export default fun;Vue中全局引入的方式为，在main.js中添加如下代码：import fun from ‘src/models/my.js‘...
（代码在最后）1、父组件给子组件传值直接通过props,听着很简单，但是对于初学者来说还是比较难以理解的，今天小白通过自己的实践操作结合代码分析一下 案例 把模态框单独的抽离出来，当作一个组件第一步：首先写好一个模态框 （我直接用的是element-ui中的dialog弹出框） 当作子组件第二步：在父组件中引入 引入的时候注意一下自己的路径就可以了，这两步应该很容易吧，很容易理解的 第三步：在父组件中使用components注入这个...
新建一个外部公共的js文件app.js，定义一个对象并输出，如下：var hybrid = {} window.Hybrid = hybrid if (window.Vue) { // 自动绑定 window.Vue.use(hybrid) }export { hybrid }在需要的文件中引入app.js，将需要暴露的方法赋给hybrid对象，如下：在安卓或者iOS上可调用hybrid.clickMusic来执行函数 原文：http://www.cnblogs.com/xunhuang/p/7514115.html
哈希模式，好用，不需要服务器配合分配路径指向，自己单机就可以打开了接下来上代码截图 接下来开始截图 历史模式 历史模式需要后端支持打包后自己直接点击是打不开的截图如下 原文：https://www.cnblogs.com/sugartang/p/11594727.html
<div id="app"><input type="text" v-model="searchName">{{test1}}<ul><li v-for="p in test2">{{p.name}}</li></ul><ul><li v-for="p in getPersons">id:{{p.id}},Name:{{p.name}},Age:{{p.age}}</li></ul><br />根据文本框输入的内容，查找相应的字段<ul><li v-for="p in getPersons2">id:{{p.id}},Name:{{p.name}},Age:{{p.age}}</li></ul></div><script type="text/javascript">var vue = new Vue({el: "#app",data: {persons...
目标:封装一个 搜索组件 <子组件需要传一个或者多个搜索参数到父组件,然后父组件执行列表查询函数>1.子组件1 <div> 2 <input v-model="listQuery.keyword"> 3 <span>筛选搜索</span> 4 <el-button @click="search" >查询搜索</el-button> 5 </div>methods: {search(){//this.$emit(‘父组件名称‘,传到父组件的参数);this.$emit(‘searchListZ‘, this.listQuery);this.$parent.getList(...
参考链接：https://blog.csdn.net/ddx2019/article/details/104972089/原文：https://www.cnblogs.com/hahahakc/p/13096145.html
1、报错原因在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题。这是什么原因呢？看vue-router的版本更新日志V3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常。 2、解决方法方法一：在调用方法的时候用catch捕获异常this.$router.replace(‘/home‘).catch(err => {console.log(err) })方法二：对Router原型链上的push、replace方法...
在vue中，推崇的是数据驱动也就是数据更新进而使组件得以重新渲染；在某些情况下，我们想要在数据不改变的情况下，重新渲染组件；我遇到的一个情况是：同一个页面，两个tab页分别为tab1和tab2，公用了一个组件，在tab1页修改了数据，再去tab2页查看的时候，发现tab1修改的数据会在tab2中的组件中显示，为了能够使得公用的组件重新渲染，可以使用v-if指令进行合理处理。原文：https://www.cnblogs.com/llcdxh/p/9357661.html
Vue项目中实现用户登录及token验证先说一下我的实现步骤：使用easy-mock新建登录接口，模拟用户数据使用axios请求登录接口，匹配账号和密码账号密码验证后， 拿到token，将token存储到sessionStorage中，并跳转到首页前端每次跳转时，就使用导航守卫(vue-router.beforeEach)判断 sessionStorage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面。注销后，就清除sessionStorage里的token信息并跳转到登录页面使用easy...
总结项目用到的一些处理方法，用来解决数据处理的一些实际问题，所有方法都可以放在一个公共工具方法里面，实现不限ES5，ES6还有些Vue处理的方法。都是项目中来的，有代码跟图片展示，长期更新。 1.获取两个给定日期之间所有日期集合/*** 传入一个日期字符串（不要时间，如果带时间的话在修改方法）**datestr:形如‘2017-06-12’的字符串（如果是2017.06.12格式在修改代码，这里没有做通用）**return Date 对象 **/ getDate (dates...
jTopo 帮助说明网站http://www.jtopo.com/index.html 使用例子：http://www.jtopo.com/demo/helloworld.html不建议直接安装 github 上的代码，因为代码版本不是最新，有部分功能未实现。 下载最新的js类库文件放到 vue 项目 public 文件夹下。 引入 import "/jtopo/jtopo-0.4.8-min.js"; <template><div><PanelBase title="拓扑图"><div slot="head-btns" class="panel-head-btns"></div><div slot="body-content"><section...
1.Computed 和 Methods 的区别下面用Computed和Methods实现同一个功能：<!-- 计算属性示例 --><p>Computed reversed message: "{{ reversedMessage }}"</p><script> // ...computed: {reversedMessage: function () {return this.message.split(‘‘).reverse().join(‘‘); } </script> <!-- 方法示例 --><p>Reversed message: "{{ reversedMessage() }}"</p><script> // ...methods: {reversedMessage: function () {return this...
import Vue from ‘vue‘ import App from ‘./App.vue‘ import router from ‘./router‘new Vue({el: ‘#app‘,render: h => h(App),router }) 当使用eslint校验运行上面这段代码时（该代码在src/main.js文件中），会报错 ? http://eslint.org/docs/rules/no-new Do not use ‘new‘ for side effects src/main.js:8:1 new Vue({两种方法解决该问题：方法一：定义一个变量xxx(可为任意值)接收新创建的Vuelet xxx = new V...
1、Vue packages version mismatch翻译：vue包版本匹配错误报错样例：报错原因：通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯)，导致了vue和vue-template-compiler的版本不一致。解决方案：统一vue和vue-template-compiler的版本1 "vue": "2.3.4", 2 "vue-template-compiler": "2.3.4",（注：如上所示版本号均为样例，具体实现请小伙伴们根据自己的版本号对应）然后执行：npm update 就可...