Vue
Presbyterian
这个作者很懒,什么都没留下…
展开
-
从零搭建vue 项目(一)
从零搭建vue 项目(一) 我的博客 首先4个官方文档 Vue Vue CLI Vue Router Vuex 创建vuedemo的项目 npx @vue/cli create vuedemo cd vuedemo yarn run serve or npm run serve 项目结构 项目中的vue各个版本号 "dependencies": { "@vue/cli...原创 2019-10-12 16:55:48 · 439 阅读 · 0 评论 -
vue SEO优化
第一,ssr,vue官方文档给出的服务器渲染方案,这是一套完整的构建vue服务端渲染应用的指南,具体参考https://cn.vuejs.org/v2/guide/ssr.html 第二,vue-meta-info,这个是针对单页面的meta SEO的另一种思路,参考网站 https://zhuanlan.zhihu.com/p/29148760 第三,nuxt 简单易用,参考网站 https:/...原创 2019-04-23 14:23:25 · 1031 阅读 · 0 评论 -
vue 报错 Avoid mutating a prop directly since the value will be overwritten whenever the parent compo
Vue报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutate...原创 2018-10-25 12:07:40 · 25062 阅读 · 3 评论 -
Vue遇到的bug-03(VUE之使用高德地图API)
步骤一:申请高德地图密钥; 步骤二:在index.html中添加高德地图JavaScript API接口;<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.1&key=b15*************f61e08&plugin=AMap.Autocomplete,AMap.PlaceSearch"></scr转载 2017-12-18 14:56:03 · 3437 阅读 · 0 评论 -
Vue遇到的bug-02(vue中修改了数据但视图无法更新的情况)
基于vue2.5.9版本vue中修改了数据但视图无法更新的情况 最近的项目需要用vue处理数组和json的数据类型发现一些问题在这里简单的列举一下;因为 JavaScript 的限制,Vue.js 不能检测到下面数组变化: 附上文档链接数组更新检测当你利用索引直接设置一个项时:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.原创 2017-12-18 13:57:30 · 2244 阅读 · 0 评论 -
Vue遇到的bug-01(vue引擎模板报错)
vue结合webpack的使用 01.报错信息:如下图(配置文件格式错误) 错误的代码:如下图 报错信息显示的是配置文件错误(报错信息的最后一句话是 loaders should be an array),改正后代码如下图: 错误解除。 官方文档链接webpack webpack.config.js里面已经有详细的说明 02.报错原创 2017-12-06 16:45:57 · 725 阅读 · 0 评论 -
Vue新手入门-3
基于vue2.5.9版本定义全局组件(3种写法) 首先声明一个new Vue({});然后在js里面编写;最后把注册的组件放入进去即可;写法-1 /*1.0 定义一个组件写法*/ //定义组件 var login12 = Vue.extend({ template: " <h1>登录12</h1>", }) //注册组件 Vue.c原创 2017-12-17 15:15:09 · 263 阅读 · 0 评论 -
Vue新手入门-2
基于vue2.5.9版本生命周期vue1.0 created()->beforeCompile()->compiled()->ready()->attached()->detached()->beforeDestroy()->destroyed() new Vue({ el:'#app01', data:{ msg:'hello vuejs原创 2017-12-05 23:38:24 · 240 阅读 · 0 评论 -
Vue新手入门-1
基于vue2.5.9版本数据绑定v-bind 像img这样的标签,直接在src里面写<img src="{{picimg}}" alt="">;是不正确的,这里需要用v-bind来绑定;简写为:src,同时还没有{{ }}`;即: <img :src="picimg" :alt="desc">需要字符串拼接可以写为:<img v-bind:src="['xxx(需要拼接的字符串)'+item.p原创 2017-12-04 23:27:06 · 281 阅读 · 0 评论