vue
benben0729
职业为猿的汪,爱好象、鼠、蛇、蛙
展开
-
Cannot find module'XXX'
执行cnpm intall 报错Error: Cannot find module ‘XXX’ #出现这个问题只需要在项目中执行 npm init #知道输入yes #此时 执行以下指令,即可正常安装 cnpm install #原创 2018-11-12 13:12:23 · 2377 阅读 · 1 评论 -
vue打包后分离config配置文件
用vue-cli构建的项目通常是采用前后端分离的开发模式,也就是前端与后台完全分离,此时就需要将后台接口地址打包进项目中,此时如果只是改个接口地址也要重新打包那就太麻烦了,解决方法是直接加个config.js文件 1.首先我们在static文件下建立一个js文件,就叫config.js吧,内容为 window.g = { AXIOS_TIMEOUT: 10000, ApiUrl: 'htt...转载 2019-03-14 09:25:54 · 4523 阅读 · 0 评论 -
vue-router 去除#号
History 模式 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 const router = new VueRouter(...原创 2019-03-14 09:24:01 · 3416 阅读 · 0 评论 -
vue弹出大图
#绑定bigger 布尔值 <el-dialog :visible.sync="bigger" width="400px" > <img :src="img+img_path" width="100%"> </el-dialog>原创 2019-02-13 17:48:27 · 3794 阅读 · 0 评论 -
父子组件通信
父子组件传值原理图 一般页面的视图App.vue应为这样 一.父组件向子组件传值 1.创建子组件,在src/components/文件夹下新建一个Child.vue 2.Child.vue的中创建props,然后创建一个名为message的属性 3.在App.vue中注册Child组件,并在template中加入child标签,标签中添加message属性并赋值 ...转载 2019-02-13 17:29:38 · 144 阅读 · 0 评论 -
vue-resource
– 配置 使用全局配置设置默认值 Vue.http.options.root = '/root'; Vue.http.headers.common['Authorization'] = 'Basic YXBpOnBhc3N3b3Jk'; 在你的Vue组件配置中设置默认值 new Vue({ http: { root: '/root', headers: { Au...原创 2019-02-11 14:06:59 · 561 阅读 · 0 评论 -
vue.resource 、axios、ajax
1、vue 支持开发者引入 jquery 使用 $.ajax() 1、首先,在 package.json 中添加 jQuery,然后 npm install "dependencies": { "jquery": "^3.2.1", }, 2、在 webpack.config.js ( 这边用的 vue-cli-simple 脚手架 ) // 增加一个plugins plugi..转载 2019-02-25 14:11:22 · 180 阅读 · 0 评论 -
vue 部署
安装 npm 安装 npm install vue #直接下载使用 https://vuejs.org/js/vue.min.js cnpm安装 npm install -g cnpm --registry=http://registry.npm.taobao.org vue-cli 脚手架 cnpm install -g vue-cli #或者npm install -g vue-cli ...原创 2019-02-01 17:31:10 · 354 阅读 · 0 评论 -
报错信息总结
[Vue warn]: Duplicate keys detected: ‘全峰快递’. This may cause an update error. 出错原因是因为key重复,item.shipping_name,在返回的数据中有多份,换一个字段作为key即可 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 解决方法: 重新执行...原创 2019-02-01 17:28:51 · 299 阅读 · 0 评论 -
vue 小总结
一个方法中引入另一个方法 this.$options.methods.test2(); new Vue({ el: '#app', data: { test:111, }, methods: { test1:function(){ alert(this.test) }, test2:function...原创 2019-02-01 17:28:19 · 171 阅读 · 0 评论 -
vue页面跳转与传值
跳转 #&amp;lt;script&amp;gt; this.$router.push({path:'/index'}) #template &amp;lt;button @click=&quot;goToHome&quot;&amp;gt;首页&amp;lt;/button&amp;gt; #实用router-link &amp;lt;router-link t原创 2018-11-13 18:59:44 · 422 阅读 · 0 评论 -
vue部署
安装 npm 安装 npm install vue #直接下载使用 https://vuejs.org/js/vue.min.js cnpm安装 npm install -g cnpm --registry=http://registry.npm.taobao.org vue-cli 脚手架 cnpm install -g vue-cli 使用脚手架构建项目 #首先cd到自己指定目录,执行...原创 2018-11-12 13:19:10 · 287 阅读 · 0 评论 -
export、import、export default区别
export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口 import用于在一个模块中加载另一个含有export接口的模块 使用范围 require: node 和 es6 都支持的引入 export / import : 只有es6 支持的导出引入 module.exports / exports: 只有 node 支持的导出 export & import // d...原创 2018-11-12 13:15:33 · 162 阅读 · 0 评论 -
vue修饰符--可能是东半球最详细的文档(滑稽)
为了方便大家写代码,vue.js给大家提供了很多方便的修饰符,比如我们经常用到的取消冒泡,阻止默认事件等等~ 目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符(实在不知道叫啥名字) 表单修饰符 填写表单,最常用的是什么?input!v-model~而我们的修饰符正是为了简化这些东西而存在的 .lazy <div> <inpu...转载 2019-03-14 09:27:34 · 278 阅读 · 0 评论