Vue
关注
分享
扫一扫
Mark Huo
With great power comes great responsibility
展开
-
Vue的常用属性
1.父组件通过prop向子组件传值先给父组件中绑定自定义属性在子组件中使用props接收父组件传递的数据在子组件中使用数据<div id="app"> <div> <input v-model="parentMsg"> <br> <child :message="parentM...翻译 2019-06-07 17:59:56 · 2506 阅读 · 0 评论 -
npm报错整理
npm报错整理1.显示没有权限 Missing write access2.Module parse failed: Unexpected token (2:0) You may need an appropriate loader to handle this file1.显示没有权限 Missing write access加上sudo指令sudo npm install …...原创 2019-06-16 21:37:13 · 1035 阅读 · 0 评论 -
npm常用指令整理
npm常用指令整理将某个包升级到最新版安装/卸载全局安装/卸载生产环境安装/卸载开发环境安装/卸载查看模块修改默认安装目录更新npm-check检查更新npm-upgrade更新更新全局包：更新生产环境依赖包：更新开发环境依赖包：其他常用模块安装将某个包升级到最新版npm install vue-loader@latest --save-dev-g安装/卸载全局安装/卸载npm i...原创 2019-06-16 21:36:11 · 9097 阅读 · 0 评论 -
Vue-History模式
History模式History模式一定要结合服务器因为router默认是hash模式加载的 <router-link to="/home">首页</router-link> <router-link to="/about">关于</router-link> <router-view></router...转载 2019-06-03 22:13:56 · 342 阅读 · 0 评论 -
Vue服务器渲染
预渲染https://ssr.vuejs.org/zh/#为什么使用服务器端渲染-ssr-？https://github.com/chrisvfritz/prerender-spa-plugin安装prerender-spa-plugin插件在webpack中配置const path = require('path')const PrerenderSPAPlugin = req...转载 2019-06-03 22:13:23 · 649 阅读 · 0 评论 -
axious学习
axiousajax和axios、fetch的区别https://www.jianshu.com/p/8bc48f8fde75官网参考https://www.kancloud.cn/yunye/axios/234845chorme浏览器设置跨域https://jingyan.baidu.com/article/148a1921c9dbf24d71c3b11f.htmlax...翻译 2019-06-08 16:42:51 · 11569 阅读 · 0 评论 -
Vue生命周期
Vue的声明周期beforeCreated beforeCreate:function(){ //组件创建之前 console.log(this) //对象已经创建了，但是还没有开始加载数据 console.log(this.msg) //undefined },created cr...翻译 2019-06-07 18:10:32 · 191 阅读 · 0 评论 -
Vue 组件通信
组件通信当涉及到多层嵌套时$attribute $listener多层组件通信<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script s...翻译 2019-06-07 18:09:03 · 107 阅读 · 0 评论 -
Vue-Router学习__Part01
$refs的使用 var App2 = { template: `<div> <h1>我是App2</h1> <button ref="btn">按钮3</button> </d...翻译 2019-06-07 18:08:01 · 102 阅读 · 0 评论 -
Vue起步
第一个项目，使用webstorm搭建vuehttps://blog.youkuaiyun.com/weixin_40760196/article/details/79952652vue的插值表达式可以填数据，表达式，甚至是函数数据遵循双向绑定，和Angular差不多vue指令1.文本显示鼠标悬停提示信息 <h1 v-bind:title="hint">{{ msg...翻译 2019-06-07 18:05:42 · 138 阅读 · 0 评论 -
VueX 学习Part__02
使用modules1. 将五大将拆分state.jsexport default { count: 1, msg: '学习vuex', sites: [ { id: 1, text: 'Runoob' }, { id: 2, text: 'Google' }, { id: 3, text: 'Taobao' } ]}getters.jsexpo...翻译 2019-06-07 18:04:11 · 94 阅读 · 0 评论 -
VueX学习 Part__01
Vuex的安装https://vuex.vuejs.org/zh/installation.html使用注册并导出store.jsimport Vue from 'vue'// 1.导入vueximport Vuex from 'vuex'import 'es6-promise/auto'// 2.注入Vue.use(Vuex)export default ne...翻译 2019-06-07 18:02:52 · 92 阅读 · 0 评论 -
Vue自定义指令
Vue自定义指令https://cn.vuejs.org/v2/guide/custom-directive.html创建全局自定义指令在main.js中全局注册// 注册全局自定义指令Vue.directive('tack', { bind (el, binding, vnode) { el.style.position = 'fixed' el.style...翻译 2019-06-07 18:01:42 · 88 阅读 · 0 评论 -
Vue-Router的使用Part__02
Vue路由02动态路由匹配结论一：当2个路由使用2个不同的组件时，在来回切换路由的时候组件会反复的创建销毁。结论二：当2个路由使用相同的组件时，在来回切换路由的时候，为了维持性能，组件会复用，意思是生命周期只会执行一次。所以当2个路由对应同一个组件时，我们可以通过watch检测$route属性来查看路由的变化以做出相应的调整。 watch:{ '$route...翻译 2019-06-07 18:00:43 · 159 阅读 · 0 评论 -
js中关于函数中this指向的问题
关于默认参数的内存开销def func(arg,li=[]): li.append(arg) return liv1 = func(1)print(v1)v2 = func(2,[])print(v2)v3 = func(3)print(v3)结果是[1][2][1,3]注：默认参数只会开辟一次内存，所以当执行v3的时候还是用的v1的li关于变量...原创 2019-06-26 20:59:39 · 1013 阅读 · 0 评论