vue
MaiOvv
这个作者很懒,什么都没留下…
展开
-
vue入门(一)数据绑定
一、如何使用Vue1、CDN方式<script src="https://cdn.jsdelivr.net/npm/vue"></script>2、NPM方式(构建大型应用时)$ npm install vue二、Vue实例中的属性1、el: element,需要获取的元素, 是HTML中的根容器元素,“里面填写元素选择器”2、data:...原创 2019-07-15 23:18:55 · 381 阅读 · 0 评论 -
vue的无缝滚动插件:vue-seamless-scroll
1、npm安装npm install vue-seamless-scroll --save2、引入import scroll from 'vue-seamless-scroll'官方demo:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default3、使用...原创 2019-08-16 14:29:48 · 3017 阅读 · 0 评论 -
vue入门(四)组件components
一、基本介绍组件是可复用的Vue实例,可以在一个通过new Vue创建的Vue根实例中,把这个组件作为自定义元素来使用。组件也可以包含data、computed、watch、methods以及生命周期钩子等,除了el。1、一个组件的data必须是一个函数 这样,每个实例可以维护自己独立的数据,而不是每个组件都使用同一个数据:data:function(){ ...原创 2019-07-17 22:07:43 · 3197 阅读 · 0 评论 -
vue入门(三)vue CLI脚手架
一、创建一个项目 创建一个项目有两种方法1、Git创建一个项目 在要创建项目的文件夹下,右键git bash here,输入以下命令vue init webpack project-name //project-name为项目名cd project-name //进入文件夹中npm run dev //运行此时会出现配置选项,defau...原创 2019-07-17 22:08:05 · 140 阅读 · 0 评论 -
vue入门(八)Vue Router 高阶
一、导航守卫 导航就是我们说的路由,当路由发生变化的时候,我们想要做的事情(如登录后才能进入的页面) 参数或查询的改变并不会触发进入/离开的导航守卫。1、全局前置守卫router.beforeEach 使用router.beforeEach注册一个全局前置守卫,它在导航被触发后调用,按照创建顺序调用,此时导航在所有守卫 resolve 完之前一直处于等待中。...原创 2019-07-19 14:36:29 · 303 阅读 · 0 评论 -
Vue入门(九) Vuex
每一个 Vuex 应用的核心就是 store(仓库),store包含着应用中大部分的状态 (state)。使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新。Vuex 和单纯的全局对象有以下两点不同:①若 store 中的状态发生变化,相应的组件也会更新。②不能直接改变 store 中的状态,通过mutation来改变,可以跟踪每一个状态的变化...原创 2019-07-23 17:43:53 · 271 阅读 · 0 评论 -
vue入门(七)Vue Router
一、基础用 Vue.js + Vue Router 创建单页应用使用router-link组件来导航,通过传入to属性指定连接,router-link默认会被渲染成一个<a>标签(类似a但点击不会再刷新页面)<router-link to="/foo">Go to Foo</router-link><router-view> 此处渲...原创 2019-07-19 10:21:36 · 200 阅读 · 0 评论 -
vue入门(六)可复用性&组合
一、混入 一个混入对象可以包含任意组件选项,当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。var myMixin = { ... } //定义一个混入对象var Component = Vue.extend({ mixins:[myMixin] //定义一个使用混入对象的组件})1、选项合并 当组件...原创 2019-07-18 16:30:57 · 314 阅读 · 0 评论 -
vue入门(五)过渡&动画
一、单元素、组件的过渡 transition的封装组件,在使用v-if、v-show、动态组件、组件根节点中,可以给任何元素和组件添加过渡当插入或删除包含在transition组件中的元素时,Vue会探测元素是否使用CSS过渡或动画、JS钩子函数调用。1、过渡的类名在进入/离开的过渡中,会有 6 个 class 切换:①v-enter:元素被插入之前生效②v-ente...原创 2019-07-18 10:46:44 · 238 阅读 · 0 评论 -
vue入门(二)渲染
一、条件渲染1、v-if 和v-else 条件渲染就是,通过改变条件来决定一些东西是否出现在页面中。如v-if和v-else,此要成对出现,且放在同级别标签中。如下例子,当v-if为true时,页面显示hello world 。当v-if为false时,则显示 你好 世界。<p v-if="isShow">hello world</p><...原创 2019-07-16 22:26:31 · 606 阅读 · 0 评论 -
Refused to load the image 'http://localhost:8082/favicon.ico', Vue页面cannot get问题
在吃完饭后或者一觉睡醒,打开项目就发现启动不了了,npm只是一直卡在94%,没有报错信息,如下图打开网页后,发现页面只有:Cannot GET /而控制台报错:Refused to load the image 'http://localhost:8082/favicon.ico' because it violates the following Content Security...原创 2019-09-04 18:08:32 · 28605 阅读 · 8 评论