随笔分类 - vue搬运工
好的学习地址小马视频
https://gitee.com/komavideo/LearnVueJS
http://komavideo.com
本人是小马的搬运工，仅用于记录使用
摘要：####现在很多的网站有对鼠标、键盘事件做js处理，禁止用户或非会员用户去复制页面内容 ####但是我们想要去复制页面内容，咋办 ####一招可破 ####以chrome浏览器举例 #####1、按F12，调起开启者调试模式 #####2、点击console #####3、输入：document.b
阅读全文
摘要：####当网页打开过多时，总是很难找到自己平台的标签页 ####如果在自己的平台的title前，添加一个icon的话，就可以很快找到 ####如何添加图标呢？ 步骤如下： ####1、首先需要制作一个小图标，可以通过一些在线制作网站来弄，步骤不详谈，保存为favicon.ico文件 ####2、在项
阅读全文
摘要：当我们在vue项目中，使用了vuex进行状态管理时，会发现刷新页面时，vuex的state中存储的数据会失效 为了解决这个问题，我们需要使用一个第三方组件，用来固定当前vuex的state中的数据，起到持久化的作用 首先安装vuex-persistedstate 之后在vuex中导入：import
阅读全文
摘要：多参数路由 知识点 路由属性props 实战演习 User.vue router/index.js App.vue User.vue <template> <div> <h1>User</h1> <p>uid={{ uid }}, {{ nationality }}</p> <p>$route.pa
阅读全文
摘要：URL重定向 知识点 重定向指令：redirect 路由别名：alias 实战演习 About.vue router/index.js App.vue About.vue <template> <div> <h1>About Page</h1> </div> </template> router/i
阅读全文
摘要：多路由拼图 知识点 为一个路由(画面)组合多个组件，完成整个页面。 router-view[name] components 实战演习 Header.vue Sidebar.vue Detail.vue router/index.js App.vue setting/Header.vue <temp
阅读全文
摘要：路由也编程 知识点 在前面的讲解中我是通过router-link标记来生成页面的a标记，然后进行url转向的，其实我们不仅可以通过标记来实现，还可以通过编程的方式来实现，今天我们就来学习一下。 router-link(之前做法) router.push(location, onComplete?,
阅读全文
摘要：嵌套路由 知识点 嵌套路由是指在动态路由的基础上再加上附加的嵌套URL（即：组件），比如说：(/player/:uid/*)/player/1/profile, /player/1/stats等。 嵌套路由的使用方法 实战演习 Player/Profile.vue Player/Stats.vue
阅读全文
摘要：动态路由 知识点 动态路由是指在URL路径中含有动态参数的路由，比如说：/player/1, /player/2, /player/3等等。 动态路由的匹配设置 实战演习 定制玩家的动态路径：/player/:id Player.vue router/index.js App.vue Player.
阅读全文
摘要：路由初体验 知识点 做一个简单的路由 实战演习 HelloWorld.vue News.vue About.vue router/index.js App.vue HelloWorld.vue <template> <div> <h1>Hello World!</h1> </div> </templ
阅读全文
摘要：路由知我心 知识点 路由组件vue-router 官网 https://router.vuejs.org/zh-cn/ https://github.com/vuejs/vue-router 实战演习 $ npm install vue-router --save --save-exact 路由组件
阅读全文
摘要：工程的结构 知识点 webpack模板生成的工程结构 官网 http://vuejs-templates.github.io/webpack/ webpack模板工程 build webpack设置文件 config 工程设置文件 src 源文件夹 static 静态文件夹(编译时直接拷贝至发布文件
阅读全文
摘要：组件的结构 知识点 vue命令行开发模式为我们带来的组件开发方式。 组件文件夹 所有的组件都被统一放在工程中的组件文件夹中。 {myproject}/src/components/* 组件格式 template:组件html内容 script:组件js脚本(ES6) style:组件css样式单 实
阅读全文
摘要：自定义css样式 知识点 定义属于自己的样式单文件my.css 实战演习 $ cd assets $ nano my.css ... .myclass1 { color: red; border: 1px solid blue; } ... $ cd ../ $ nano App.vue ... #
阅读全文
摘要：使用Ajax库-axios 知识点 为网页增加远程数据存取能力（Ajax） HTTP库axios（浏览器 or Node.js） axios:Promise based HTTP client for the browser and node.js https://github.com/axios/
阅读全文
摘要：webpack模板工程 知识点 建立webpack模板工程 官网 http://vuejs-templates.github.io/webpack/ 实战演习 $ vue init webpack myweb $ cd myweb $ npm run dev $ npm run build $ co
阅读全文
摘要：命令行安装 知识点 vue命令工具安装 官网 https://github.com/vuejs/vue-cli 实战演习 #最新版本确认 $ npm show vue-cli $ [sudo] npm install -g vue-cli@2.9.3 #安装版本确认 $ vue -V #命令帮助 $
阅读全文
摘要：组件：组合slot 知识点 slot命名 slot命名 在子组件中通过为多个slot进行命名,来接受父组件的不同内容的数据。 综合例 <div id="myApp"> <nba-all-stars c="奥尼尔" pf="加内特"> <span slot="sf">皮尔斯</span> <span
阅读全文
摘要：组件：slot插槽 知识点 slot slot slot是父组件与子组件的通讯方式，可以将父组件的内容显示在子组件当中。 综合例 <div id="myApp"> <say-to pname="koma"> 你的视频做的太差了。 </say-to> <say-to pname="mike"> 你千万
阅读全文
摘要：组件：事件传递 知识点 v-on $emit v-on 侦听组件事件，当组件触发事件后进行事件处理。 $emit 触发事件，并将数据提交给事件侦听者。 综合例 <div id="myApp"> <h1>人生加法</h1> <add-method :a="6" :b="12" v-on:add_eve
阅读全文
浙公网安备 33010602011771号