Vue笔记

Vue笔记——解决Vue请求No 'Access-Control-Allow-Origin' 错误

一、问题描述一般情况下我们在Vue项目中使用vue-resource这个组件请求数据的时候，可能会直接使用以下代码：this.$http.get("https://api.douban.com//v2/movie/top250").then(function(reponse){console.log(reponse);})这里我们使用的是get请求方法，如果请求的是本地数据，或者说着说请求的数据没
fengzhen8023·2020-07-14 10:04

在vue项目中使用tinymce编辑器（tinymce-vue）

tinymce-vue笔记项目使用vue-cli3.x版本，tinymce51.安装npminstall@tinymce/tinymce-vue2.引用出现的问题和摸索出的解决方案（参考了https:/
weixin_34101784·2020-07-14 00:31

vue笔记之环境搭建

windows系统下环境搭建nodejsnode官网下载并安装即可，注意新手最好下载LTS版本，防止有新版本兼容的坑。安装好后查看版本：node-v使用淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org/如果出现以下错误则说明版本不对[email protected]:Ifusing2.xbranch
紫石南·2020-07-12 17:49

Vue笔记——父组件向子组件传递数据

推荐文章：Vue笔记——子组件向父组件传递数据一、父组件中动态绑定数据到子组件父组件向子组件传递数据，首先要在父组件中使用v-bind命令将要传递的数据绑定到子组件上。
振礼硕晨·2020-07-12 04:06

Vue笔记二:Vue基本语法及指令

Vue实例newVue()方法用于创建一个vue实例一个Vue应用由至少一个vue实例作为根组件以及可选的多个嵌套组件组成Vue绑定语法Vue使用基于HTML的模板语法，当然也可以不用模板直接写渲染(render)函数使用JSX语法，此处不做讨论文本插值在html文本中标记可能发生变化的位置的{{变量}}语法——Mustache语法只要元素的文本内容中某个位置可能随变量自动变化时就要用被绑定语法标
学不懂前端的臭弟弟·2020-07-11 21:55

Vue笔记

vue.js是一套构建用户界面（view)的的MVVM框架，vue.js的核心库只关注视图层，并且非常容易学习，容易与其他库或已有项目整合。vue.js的产生核心是为了解决：1.解决数据绑定问题2.为了开发大型单页面应用（SPA:singlepageapplication）angular.js中对PC端的支持比较好，但是对移动端支持一般，而vue.js主要支持移动端，也支持PC端。3.它还支持组件
艹民一G·2020-07-11 16:35

Vue学习(day3)

快速学习Vue笔记(Day3)列表渲染当我们需要将一组数据循环渲染到页面上的时候，需要用到列表渲染例如下面，讲一段活动列表，渲染到页面上面：varlist=[{title:"吃饭"},{title:"睡觉
vito7zhang·2020-07-09 22:00

Vue笔记（Vue生命周期 11个钩子）

Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们称为Vue实例的生命周期(钩子函数)19669186-4c417cbdf6c30add.png附上网上找的一张图解释当我们newvue的时候，这些函数就会自动执行生命周期钩子的11个阶段：创建：beforeCreate--数据初始化前created--数据初始化之后befo
Sanyekui·2020-07-08 00:27

Vue笔记

vuehttps://cn.vuejs.org/v2/guide/一、Vue介绍1.什么是Vue?a.Vue是一套用于构建用户界面的渐进式框架;b.需要了解关于HTML、CSS和JavaScript的知识;2.如何使用Vue?a.直接使用script引入;3.声明式渲染1.使用模板语法来声明式地将数据渲染;2.绑定元素attribute2.1通过指令绑定元素的attribute;v-bind:at
wwangtaoc11·2020-07-07 21:21

Vue笔记整理，09.项目-制作项目首页的Header和Tabbar区域

声明：本教程不收取任何费用，欢迎转载请注明出处，尊重作者劳动成果，不得用于商业用途，侵权必究！！！目录一、项目首页分析步骤1：在项目根组件App.vue里面，分三部分步骤2：App.vue展示到页面上二、制作项目首页的顶部HeaderMintUI的基本使用查看Header宽高像素三、制作项目首页的底部TabbarMUI的基本使用那么怎么使用这个tabbar？09.项目-制作项目首页的Header和
luminal_Andy·2020-07-07 01:47

Vue笔记：webpack项目vue启动流程

VUE启动流程1.package.json在执行npmrundev的时候，会在当前目录中寻找package.json文件,有点类似Maven的pom.xml文件，包含项目的名称版本、项目依赖等相关信息。{#版本信息"name":"kitty-ui","version":"1.0.0","description":"kittyuiproject","author":"Louis","private"
朝雨忆轻尘·2020-07-05 18:48

vue笔记

一、输出html的方法varvm=newVue({el:"#app",data:{rawHtml:'thisisshouldbered'}});二、基本操作元素文本{{message}}varvm=newVue({el:'#app',data:{message:'HelloVue.js!'}})后记:改变数据的方法vm.$data.message="修改的数据"vm.message="修改的数据三
凯宾斯基·2020-07-05 15:00

Vue笔记----自定义组件的传值

Vue自定义组件主要有三个值：value（直接传入的值），modifiers（修饰符），arg(传参)。示例如下：Vue.directive('pin',function(el,binding){ //el为组件divbinding为里面带入的值   varpined=binding.value; //binding的值值为第二个true   varposition=binding.modifie
super_XYQ·2020-07-05 13:54

vue笔记 父子组件传值2

上一篇文章中传值巨麻烦,所以这里有一个新鲜的替代方法这里只演示username部分userpass在这里不演示,自己对着写就行用户名:exportdefault{props:['morenwenzi'],data:function(){return{username:""}},methods:{userNameChange(){this.$emit("updateUsername",this.us
丧心病狂的小菜鸡·2020-07-01 17:51

Vue笔记整理，让你快速入门Vue.js：03_9.本地应用：图片切换

前言二、实现思路三、实战代码1、具体代码2、知识点复习（1）理解javascript:void(0)（2）alt属性四、内容-总结一、前言上一节我们介绍了v-bind指令（为元素绑定属性），详见博文：Vue
luminal_Andy·2020-07-01 15:25

Vue笔记 (一) Vue简介、MVVM、Vue生命周期

Vue简介Vue（读音/vjuː/，类似于view）是一个渐进式的框架，什么是渐进式：渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验，或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统（比如：Core+Vue-router+Vuex）也可以满足你各种各样的需求Vue有很多特点和Web开发中常见的高级功能：解耦视图和数据可复用的组件前端路由技术状
楠丶·2020-06-29 07:39

vue笔记

-----全局配置keyCodes类型：{[key:string]:number|Array}默认值：{}用法：Vue.config.keyCodes={v:86,f1:112,//camelCase不可用mediaPlayPause:179,//取而代之的是kebab-case且用双引号括起来"media-play-pause":179,up:[38,87]}给v-on自定义键位别名。produ
喵呜Yuri·2020-06-29 06:32

vue笔记——vue中的子组件引用

vue官网是这样描述$refs的在javascript中直接访问子组件，可以使用ref为子组件指定一个引用IDvarparent=newVue({el:'#parent'})//访问子组件实例varchild=parent.$refs.profile$refs只在组件渲染完成后才填充，并且它是非响应式的。它仅仅是一个直接操作子组件的应急方案——应当避免在模板或计算属性中使用$refsvue官网是这
weixin_38405133·2020-06-28 21:17

Vue笔记系列（一）Vue.js入门

Vue笔记系列2、Vue.js渐进3、Vue.js进阶Vue.js的概述如官网所说，Vue.js是一款轻量级的以数据驱动的渐进式JavaScript框架。
weixin_34306593·2020-06-28 16:23

vue笔记

1.基本绑定：newVue({el:'#elID',data:{//dataobj},computed:{//computedobj},methods:{//methodsobj},});2.指令：前缀为v-*v-if,v-for,v-bind,v-on...*特性插值会转为v-bind绑定:href='{{url}}'-->v-bind:href='url'3.数据绑定只接受单个表达式：{{nu
爵爷_PM·2020-06-27 12:43

Vue笔记：VS Code 常用快捷键

VSCode常用快捷键1、注释：单行注释：ctrl+/，注释后再按取消取消单行注释：alt+shift+A注释后再按取消2、移动行向上移动一行：alt+up向下移动一行：alt+down3、显示/隐藏左侧目录栏ctrl+b4、复制当前行向上复制一行：shift+alt+up向下复制一行：shift+alt+down5、删除当前行shift+ctrl+k6、控制台显示隐藏ctrl+~7、查找文件ct
朝雨忆轻尘·2020-06-27 09:34

Vue笔记四：vuex和vue-router全家桶

除了在组件式方面vue和react有异曲同工之妙之外，vuex和redux也非常像，vue进入2.0版本，还得到了两个好听的名字“渐进式框架”和“自底向上增量开发的设计”，参考详情。其实，我在学习vue之前，学习了react。但是react有很多内容相对还是复杂。JSX是非常JS的思路，但是html和js混写总是非常奇怪，需要很长时间去习惯。redux应该是react的一个附属品，也是必学的。但是
brandonxiang·2020-06-27 07:37

vue笔记-----深入响应式原理

模型层只是普通的JavaScript对象，修改它则更新时图。这会让状态管理变得非常简单且直观，不过理解它的工作原理以避免一些常见的问题也是很重要的。如何追踪变化把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象的搜游属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty是仅ES
qq_34530330·2020-06-25 08:02

【Vue笔记三】 Vue-cli(脚手架)、webpack(打包管理工具)、vue-router(路由)

需要本地nodejs环境，安装教程参考其他博主：https://blog.csdn.net/cai454692590/article/details/86093297一：第一个Vue-cli程序安装完成后安装一下淘宝镜像加速：npminstallcnpm-g因为外网速度感人，这边下了将近半个小时，中途如果报错中断下载了继续头铁重下即可。安装vue-clicnpminstallvue-cli-g注意
Deeeelete·2020-06-21 19:24

【Vue笔记一】 第一个Vue程序及其语法

官网介绍：Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。这里编译器采用的是IDEA，为了支持vue环境需要先下载一下插件。搜索vue并安
Deeeelete·2020-06-21 19:52

electron-vue笔记1-项目初始化

脚手架安装vue-cli和脚手架样板代码npminstall-gvue-clivueinitsimulatedgreg/electron-vuemy-project安装依赖并运行你的程序cdmy-projectyarn#或者npminstallyarnrundev#或者npmrundevelectron-vue项目初始化processisnotdefined问题解决解决办法是：在.electron
some-one·2020-05-22 10:57

vue笔记-07（vue实例的生命周期）

什么是生命周期：从VUE实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期生命周期钩子：就是生命周期事件的别名而已生命周期钩子=生命周期函数=生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：1）beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好data和methods属性2）created：实例已经在内存中创建好，此时data和meth
7ColorLotus·2020-05-10 00:37

vue笔记 - 导航钩子(路由守卫)

守卫分类全局守卫：router.beforeEach全局解析守卫：router.beforeResolve全局后置钩子：router.afterEach路由独享守卫：beforeEach组件内的守卫：beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate（vue2.2+）作用通过跳转或取消的方式守卫导航。PS：参数或查询的改变不会触发进入/离开的导航
zhj_just·2020-04-15 23:20

vue笔记9.24

首先明白路由是什么?路由是vue里面的一个核心插件路由的作用是什么？嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自动降级自定义的滚动条行为简单写一个路由Document/*.router-link-active{color:red;}*/.a
那年的雨·2020-04-10 23:47

vue笔记 Vuex

先上文档自己的理解,就是存一些数据方便调用安装方法npminstallvuex--save-dev它必须以插件的方式进行引用importVuexfrom"vuex";Vue.use(Vuex);使用方法index.js中constvuex_store=newVuex.Store({state:{user_name:"",},mutations:{showUserName(state){alert(
丧心病狂的小菜鸡·2020-04-07 19:08

vue笔记整理

一、对于MVVM的理解MVVM是Model-View-ViewModel的缩写Model：数据模型，定义数据修改View：代表ui组件，将数据模型转化成ui展现出来ViewModel：监听模型数据的改变和控制ui视图，处理交互，也就是连接Model和View。在MVVM架构下，View和Model之间并没有直接联系，model和viewmodel之间的交互是双向的，即：view的变化会同步到mod
kallenqi·2020-04-03 18:55

Vue笔记——子组件向父组件传递数据

推荐文章：Vue笔记——父组件向子组件传递数据一、在子组件中自定义事件我们可以从子组件中想父组件中传递多个数据，在子组件中要做的工作只是，使用this.$emit()命令来自定义一个事件。
振礼硕晨·2020-04-01 00:13

Vue笔记

父子组件之间通信父=>子：子组件要显式地用props选项声明它期待获得的数据：Vue.component('child',{//声明propsprops:['message'],//就像data一样，prop可以用在模板内//同样也可以在vm实例中像“this.message”这样使用template:'{{message}}'})然后我们可以这样向它传入一个普通字符串：子=>父使用自定义事件父组
冷的像风·2020-03-27 07:45

4、class与style

title:4、class与styledate:2017-07-2922:55:13tags:vue笔记(妙味)数据绑定一个常见需求是，操作元素的class列表，和它的style时，因为他们都是属性所以可以用
Gary23·2020-03-23 00:38

Vue笔记 (五) 阶段性小案例

鼠标点击改变样式如下图，给出一个列表，鼠标点击样式跟着改变。css:.active{color:red;}html：{{item}}js:constapp=newVue({el:"#app",data:{movies:["Html","Css","JavaScript","Vue"],currentIndex:0//默认选中第几个},methods:{changeColor(index){this
楠丶·2020-03-22 23:55

VUE笔记

v-model:在表单元素上创建双向数据绑定。v-if条件渲染指令，它根据表达式的真假来删除和插入元素v-if="expression",expression是一个返回bool值的表达式，表达式可以是一个bool属性，也可以是一个返回bool的运算式v-show条件渲染指令和v-if指令不同的是，使用v-show指令的元素始终会被渲染到HTML，它只是简单地为元素设置CSS的style属性。v-e
ROBIN2015·2020-03-19 02:18

Vue笔记十：Vue-cli3.0

有很多开发者在等着Vue3.0的到来，但是大版本的升级往往意味着upgradegap，这意味着以前的项目升级的风险。盼着盼着却盼来了Vue3.0的到来，在半年的beta迭代后，终于出了正式版本。vueinit兼容刚开始试用vue-cli3.0的时候，我感觉到非常反感。因为我好不容易把webpack2、3、4的配置搞懂了，尤大大你居然把webpack的配置去掉了。这种情况下，兼容以前的模版是所有人要
brandonxiang·2020-03-17 09:08

vue笔记（五）------初识vuex

一、安装1直接引入vuex下载2npm安装(1)命令：npminstallvuex--save(2)在项目中引入(可以新建一个文件夹专门放vuex的相关文件)importvuefrom'vue'importvuexfrom'vuex'(3)引入之后使用vue.use(vuex)进行引用二、入门1初始化vuex2取值$store.state.count3页面打印出04恭喜你，入门成功。三、将访问状态
前端守望者·2020-03-11 06:19

Vue笔记

ViewModel一个同步model和view的对象，每个Vue实例都是一个ViewModel。通过构造函数或其子类创建varvm=newVue({/*options*/});MVVMView每个Vue实例都关联着一个相应的DOM元素。当一个Vue实例被创建，会递归遍历根元素的所有子结点，完成数据绑定。当数据发生变化时，视图会自动触发更新。vm.$el//TheViewModelVue实例代理了观
Orange·2020-03-06 23:08

Vue笔记五：Vue选型和Webpack入门

Vue笔记五：Vue选型和Webpack入门Vue的选型Vue全家桶现在面试前端者都会在自己简历上写上精通这三个框架，但是仔细一问就三不知。
brandonxiang·2020-02-26 07:45

Vue笔记六：Vue项目的性能优化之路

Vue笔记六：Vue项目的性能优化之路我最近也经常面试外包同事。面试的时候，总会有个问题，“你说一下性能优化的手段”。百分之八十的人都会说，压缩js和css之类的。
brandonxiang·2020-02-25 09:21

Vue笔记（1） - Hello World

image.png总得做点什么，做出点什么，即使是跟着别人做，不一定要完完全全自己写出来。把别人的吸收了，化为自己的。学习不就是这样吗~vue中文官网：https://cn.vuejs.org1.安装这里我先不用脚手架，直接用引入，就像用jquery那样用。直接下载并用标签引入，Vue会被注册为一个全局变量。2.HelloWorld{{content}}//创建一个vue实例varapp=newV
ceido·2020-02-24 13:51

Vue笔记1

Vue.js总结vue的一些特点轻量级的前端界面框架组件化vue的三大模块数据渲染/数据同步组件化/模块化其他功能：路由、ajax、数据流一些方法v-bind:title="message"将数据绑定到元素的title中，鼠标悬停到元素时才会显示messagev-if="seen"控制元素的显示或隐藏，true为显示/false为隐藏，隐藏后不占dom位置，相当于display:none;v-fo
李华炎·2020-02-23 16:20

vue笔记-day2

1.钩子函数mounted表示页面一加载进来就执行函数里面的内容(和window.onload类似)注意:mounted钩子函数的名字不能随便取,不能写在methods中,钩子函数是页面一加载完毕就执行该函数使用方法:1.给dom元素加ref属性2.通过this.$refs.ref的值来获取要操作的dommounted(){//document.getElementById('inputId').
yscmh·2020-02-23 05:45

vue笔记一

vue中的MVVM模式即Model-View-ViewModel。Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的，这个HTML元素可以是body，也可以是某个id所指代的元素。DOMListeners和DataBindi
w_zhuan·2020-02-23 05:27

Vue笔记（11） - js动画和velocityjs、多组件、列表渲染

可以在属性中声明JavaScript钩子，然后钩子绑定事件处理程序，在事件处理程序中改变元素，以达到js实现动画。例子：hello...methods:{beforeEnter:function(el){//el指的就是transition标签包含的元素console.log('js钩子beforeEnter',el);el.style.color='red'},//其中调用done函数后就会触发
ceido·2020-02-23 01:47

vue笔记

设计模式（MVC/MVP/MVVM）MVC（ModelViewController）：数据模型（Model）：数据保存，代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑视图（View）：代表UI组件，它负责将数据模型转化成UI展现出来。控制器（Controller）：业务逻辑MVC特点：用户可以向View发送指令（DOM事件），再由View直接要求Model改变状态。用户也可以直接向
丶维她命·2020-02-19 17:12

VUE笔记

准备工作一、安装脚手架1、安装vue脚手架，这是构建vue项目的工具-g为全局安装npminstall-gvue-cli2、使用webpack打包工具vueinitwebpackmy-project//之后会提示一些信息，全部选择yes,一直敲回车即可3、完成之后，进入到创建的项目根目录下cdmy-project4、安装依赖包yarn//说明：yarn是yarninstall的简写，可直接敲击ya
不困于情·2020-02-19 05:28

Vue笔记（10） - vue的动画

https://cn.vuejs.org/v2/guide/transitions.html1、单元素/组件的过渡Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加entering/leaving过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点当插入或删除包含在transition组件中的元素时，Vue会自动将过渡的类名按时机添加到元素中。
ceido·2020-02-10 09:29

6、列表渲染

title:6、列表渲染date:2017-08-118:38:20tags:vue笔记(妙味)遍历数组for指令根据一组数据的选项列表进行渲染，需要以itemintiems或itemoftiems形式的特殊写法
Gary23·2020-02-07 12:14
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他