![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
为倒萨大味道
这个作者很懒,什么都没留下…
展开
-
应用场景 vue嵌套一个iframe,如果vue要监听iframe数值的变化,对其进行实时处理
应用场景 vue嵌套一个iframe,如果vue要监听iframe某一数值的变化,从而进行相应处理(应用原理是 iframe使用postMessage 解决跨域问题的相似原理)vue注册全局监听在iframe中 加载完成后 点击事件子页面调用...原创 2019-12-06 10:52:11 · 3105 阅读 · 0 评论 -
vue使用的小槽点汇总
1、在使用事件拼接在页面上的HTML便签 想要调用vue method里的方法 却无法调用 (解决办法之一是把你要使用的方法 在mounted时放到全局window上 这样就可以调用了 但是感觉不是最优的解决方案 后续补充~~)...原创 2019-11-19 10:28:51 · 228 阅读 · 0 评论 -
Vuex
核心概念:1. State(掌握)State是唯一的数据源单一状态树const Counter ={ template:`<div>{{count}}</div>`, computed:{ count(){ return this.$store.state.count } }}2. Getters通过Getters可以派生出一些新的状...转载 2019-03-28 15:29:13 · 161 阅读 · 0 评论 -
Vue的基础语法(常用)
模板语法:Mustache语法{{msg}}Html赋值 v-html="‘’绑定属性:v-bind:id=""使用表达式:{{ok? ‘YES’:‘NO’}}文本赋值:v-text=""指令:v-if=""过滤器:{{message|capitalize}} 和v-bind:id=“rawId|formatId”Class和Style绑定:对象语法:v-bind:clas...转载 2019-03-24 12:10:28 · 128 阅读 · 0 评论 -
Vue路由基础介绍(常用)
什么是前端路由?路由是根据不同url地址展示不同的内容或页面前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据url的不同返回不同的页面实现的什么时候使用前端路由?在单页面应用,大部分页面结构不变,只改变部分内容时使用前端路由有什么优点和缺点?优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户缺点:1,不利于seo;2,,使用浏览器的前进、...转载 2019-03-24 19:27:39 · 93 阅读 · 0 评论 -
Vue框架PC端之element UI框架的入门使用
element UI的使用:1.找官网 http://element.eleme.io/#/zh-CN/component/quickstart2.安装 cnpm i element-ui -S -S表示 --save3.引入element UI的css 和 插件 import ElementUI from 'element-ui'; import 'elem...转载 2019-02-14 14:13:29 · 940 阅读 · 0 评论 -
vue框架 手机端web mint-ui 的入门使用
mintUI的使用:1.找官网2.安装 npm install mint-ui -S -S表示 --save3.引入mint Ui的css 和 插件 import Mint from 'mint-ui'; Vue.use(Mint); import 'mint-ui/lib/style.css' 4.看文档直接使用。在mintUi组件上面执行...转载 2019-02-14 11:58:32 · 1171 阅读 · 0 评论 -
Vue-router 传值
1、 动态路由传值<router-link to='/xxx/数据值'></router-link> 动态绑定值时<router-link :to="'/xxx/'+变量"></router-link>1.配置动态路由routes[//动态路劲参数 以冒号开头{path:’/user/:id’,component:User}]2...转载 2019-02-13 12:22:41 · 303 阅读 · 0 评论 -
vue路由配置(vue-router)
vue路由配置:1.安装 npm install vue-router --save / cnpm install vue-router --save2、引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router' Vue.use(VueRouter)3、配置路由 1、创建组件...转载 2019-02-13 11:02:26 · 223 阅读 · 0 评论 -
vue 父组件和子组件间传值的方法
1.通过属性传值 定义:xxx 然后在子组件中使用props:[“xxx”]2.传递方法 (可通过在子组件中反馈参数 实现 子组件向父组件返值处理)3.传递一整实例 :xxx=“this” 子组件中 获取 时用 this.xxx.想要获取的属性和数值或者方法...原创 2019-02-12 18:14:56 · 236 阅读 · 0 评论 -
Vue,关于解决不同组件间的传值和数据持久化的方法之一插件Vuex使用
Vuex 是一个专为 Vue.js 设计的状态管理模式(Localstrage 和Sessionstrage 也可以实现Vue能实现的东西 能不要Vuex尽量不用Vuex Vuex大多数是用在大项目当中的 )vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件共享状态时,会需要:多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能...转载 2019-02-14 16:37:36 · 366 阅读 · 0 评论 -
vue使用webpack打包生产时出现的错误和解决方法
1.Failed to load resource: net::ERR_FILE_NOT_FOUND或者vue dist文件下的index.html没显示(解决 :考虑路径问题,在配置webpack ,output属性时设置所有路径添加./(publicPath:’./’)使得项目能进入到其所在的相对路径上 ./表示当前路劲下 从而通过这种形式修改添加publicPath解决vue项目生成文件时...原创 2019-01-31 14:51:28 · 1637 阅读 · 0 评论 -
Vue学习之Vuex
基本介绍Vuex是一个专为Vue.js应用程序开发的状态管理模式。当我们构建一个中大型的单页面应用程序时,Vuex可以更好的帮助我们在组件外部统一管理状态。核心概念StateState是唯一的数据源单一状态树形式const Counter ={ template:`&amp;lt;div&amp;gt;{{count}}&amp;lt;/div&amp;gt;`, computed:{ count()...原创 2018-11-29 11:55:51 · 117 阅读 · 0 评论 -
Vue学习之路之vue-resource
安装<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script> (引入脚本直接使用)npm install vue-resource --save(使用npm 安装)请求API(常用)get(url.[options])head(url.[options])delete(u...翻译 2018-11-20 09:02:59 · 118 阅读 · 0 评论 -
Vue学习之前端路由
前端路由什么是前端路由路由是根据不同的url地址展示不同的内容或页面前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据url的不同返回不同的页面实现的什么时候使用前端路由在单页面应用,大部分页面结构不变,只改变部分内容的使用优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户缺点:不利于SEO使用浏览器的前进,后退键的时...转载 2018-11-18 11:12:09 · 224 阅读 · 0 评论 -
Vue学习之路 之Vue基础篇
Vue环境搭建以及vue-cli使用vue多页面应用文件引用官网拷贝:<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>npm安装vue-cli构建SPA应用:npm install -g vue-clivue init webpack-simple dem...转载 2018-11-17 21:09:06 · 96 阅读 · 0 评论 -
Vue学习之路 之Vue基础篇
Vue环境搭建以及vue-cli使用vue多页面应用文件引用官网拷贝:<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>npm安装vue-cli构建SPA应用:npm install -g vue-clivue init webpack-simple dem...转载 2018-11-17 21:09:06 · 115 阅读 · 0 评论 -
Vue学习之路之框架对比
vue框架对比Vue和React对比原因速度对比不同点vueReact相同点Vue概况以及核心思想概况核心思想Vue和React对比原因Angular提供的更多是一整套解决方案,而vue更像一个生态。Vue和React目前都是用了Virtual Dom(虚拟节点)速度对比速度vuereact最快23ms63ms中值42ms81ms平均51...转载 2018-11-17 15:57:43 · 137 阅读 · 0 评论 -
配置vue 项目开发环境
首先配置vue的开发环境确认电脑已经安装 node https://nodejs.org/en/确认npm版本 npm -v安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org往后使用 npm安装新的包的时候可以用 cnpm替代 (淘宝镜像的安装速度会比海外的)快安装vue脚手架 npm ins...原创 2018-11-02 17:24:42 · 418 阅读 · 0 评论