vue
rainbow8590
这个作者很懒,什么都没留下…
展开
-
vue3.0新特性
vue3.0新特性之重: vue-composition-api目录创建项目setup执行时机reactivereftoRefs创建项目1. 安装vue-cli npm i -g @vue/cli2. 创建项目 vue create project3. 在项目中安装并引入composition-api,体验vue3.0新特性 ***npm install @vue/composition-api --save***4. 使用: import Vue from 'vue' import原创 2020-08-04 15:12:40 · 984 阅读 · 0 评论 -
vuex的基础使用
安装npm install vuex --save;目录搭建-store -store.js 使用// store.jsimport vue from 'vue'import vuex from 'vuex'vue.use(vuex)export const store = new vuex.Store({ state:{ name:'abc' }, // 获取数据 getters:{ name : (state) =>{ var changeNam原创 2020-07-22 17:12:20 · 118 阅读 · 0 评论 -
vue开发过程中遇到的坑
从课程列表页进入课程详情页, 再从课程详情页进入推荐的课程详情页(当前路由)时报错报错详情:解决方法:在router.js 中加入下面的代码const routerPush = Router.prototype.pushRouter.prototype.push = function push(location) { return routerPush.call(this, loca...原创 2019-11-07 17:46:01 · 477 阅读 · 0 评论 -
vue路由 vue-router
vue路由vue的路由使用单独的模块vue-router来实现,它依赖vue,所有在引入文件是将它放在vue文件的下面。使用:在使用路由的标签用一下形式替换:原始跳转:首页替换为:首页这样做还不行,还要在html要加载文档的位置加入一个占位的组件,点击跳转之后,要加载的内容会在的位置展现出来。vue对路由跳转的标签做了扩展,我们一般情况下都用a标签来做跳转,但是在vue原创 2017-10-24 15:59:23 · 284 阅读 · 0 评论 -
vue定义组件
vue定义组件vue中定义组件有两种:全局组件和局部组件。全局组件可以在页面的任何位置使用,局部组件只能在定义的el的范围内使用,在el的范围外使用会不显示 。定义全局组件的方法:Vue.component("component-name",{ template:'{{message}}', data:function(){ r原创 2017-10-24 15:59:20 · 758 阅读 · 0 评论 -
vue计算属性computed和methods的区别
computed和methods的区别在new Vue的配置参数中的computed和methods都可以处理大量的逻辑代码,但是什么时候用哪个属性,要好好区分一下才能做到正确的运用vue。computed称为计算属性,顾名思义,计算就要返回一个计算的结果,所以,当我们要处理大量的逻辑,但是最后要取得最后的结果的时候可以用computed;简单示例:要求:现在要返回num1和num2的原创 2017-10-24 15:59:18 · 1132 阅读 · 0 评论 -
vue内置指令、自定义指令及自定义过滤器
内置指令指令名称描述使用v-model绑定数据v-text输出文本,不能解析标签v-html输出文本,可解析标签/p>v-once只绑定一次数据{{message}}v-bind绑定属性 或 v-if控制是否显示容器 值转为布尔为false时 注释该容器,反之显示v-show控制是否显容器,改变的时display:原创 2017-10-24 15:58:52 · 1256 阅读 · 1 评论