vue初步学习
xd1918
这个作者很懒,什么都没留下…
展开
-
vue的事件修饰符
vue的常见事件修饰符:.stop .prevent .capture .self .once下面一一介绍事件修饰符1、.stop阻止事件冒泡<div style="height:100px;width:400px;background:red;" @click="father()"> <input type="button" name="点...原创 2020-05-04 14:54:52 · 141 阅读 · 0 评论 -
vue中的计算属性和侦听器
计算属性和侦听器的使用:模板中放入太多的逻辑的时候难以维护。对于复杂的逻辑都可以使用计算属性。计算属性中有一个缓存,即使重新渲染,只要数据不发生变化,就不会触发对应属性的计算逻辑。watch是观察某一个属性的变化,重新计算属性值。computed是通过所依赖的属性的变化重新计算属性值。大部分情况下watch和computed几乎没有差别。但如果要在数据变化的同时进行异步操作或者是比较大的开...原创 2020-03-27 10:50:58 · 83 阅读 · 0 评论 -
vue-cli3.0项目搭建
vue-cli3.0 脚手架搭建项目1.安装vue-cli 3.0npm install -g @vue/cli# oryarn global add @vue/cli安装成功后查看版本:vue -V(大写的V)运行命令:vue ui点击创建配置文件:开始创建安装完项目,文件夹内容对比之前的node_modules文件夹在此时已经加载出来,不需要之前的npm...原创 2020-03-23 23:12:55 · 93 阅读 · 0 评论 -
vue-cli(2.0)项目脚手架搭建
1、在本地安装node,npm1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v (检查一下 版本);如果 执行结果显示: xx 不是内部命令,说明你还没有安装node , node 安装地址:http://nodejs.cn/download/ 注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上;二、 vue-cli 全局安装(3.0...原创 2020-03-23 22:23:48 · 168 阅读 · 0 评论 -
vue-Router(一)
路由基础配置参数:to链接的指向,router-link标签渲染时,转换成a标签,to转换成href属性,定义的routes参数里面的内容:path映射router-link中的to,一一对应。// 定义路由组件// 可以从其他的文件,import中导入进来const Foo = {template:'<div>首页</div>'};const Music = {...原创 2020-03-19 13:36:23 · 109 阅读 · 0 评论 -
vue中插槽slot
当特定的组件需要向里面传入特定的标签和内容,或者需要重复添加相同的内容-----slot插槽:给模块占好位置,当使用组件名称的时候,自动的填充html内的内容。1、普通的slothtml:<div id="app"> <child> <p slot="header">我是头部</p> <p slot="footer">我...原创 2020-03-16 21:54:44 · 141 阅读 · 0 评论 -
vue是单向数据流
在Vue传值问题有三种情况:父传子 、 子传父 、非父子之间的传值父传子父传递子数据时,需要在子组件上接收一个变量,用props属性,接收变量,props是对象形式,可以接受多个变量,同时可以在指定变量里进行校验props:{ content:{ type:String//type类型是字符串,如果为数字的时候,就会发生报错 ,default:function(){ r...原创 2020-03-13 15:18:48 · 234 阅读 · 0 评论 -
vue中$set
Vue中不能及时检测到对象属性的变化在Vue的使用过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去子组件的props数据不能与父组件传递的值实时保持一致。受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,...转载 2020-03-11 17:16:16 · 173 阅读 · 0 评论