[vue]基础篇stepbystep案例实践(废弃)

【[vue]基础篇stepbystep案例实践(废弃)】的更多相关文章

[vue]基础篇stepbystep案例实践(废弃)

去看这个就好了总结: 1.子组件可以触发父组件的方法,this.$emit() //(通知父组件干活) 2.父组件可以调用子组件的方法() // ref 如果放在组件上获取的是组件的实例并不是组件的dom元素 https://eeweb.top/tool/bootstrap-cheatsheet/#input-group-append 1.展示 2.全选/反选 3.删除 4.搜索 <!DOCTYPE html> <html lang="en"> <h…

Vue 基础篇

Vue 基础篇一.框架与库的区别 JQ库->DOM(DOM操作) + Ajax请求 art-template库->模板引擎框架 -> 全方位.功能齐全简易的DOM体验 + 发请求 + 模板引擎 + 路由功能 + ... 代码上的不同: 一般使用库:调用某个函数,自己可以把控库的代码一般使用框架:其框架在帮我们运行已编写好的代码框架:初始化自身的一些行为执行你所编写的代码施放一些资源库:小而精框架:大而全 ( 框架包含了各种库 ) 二.起步引包直接用 <scri…

Vue 基础篇---computed 和 watch

最近在看前端 Vue方面的基础知识,虽然前段时间也做了一些vue方面的小项目,但总觉得对vue掌握的不够所以对vue基础知识需要注意的地方重新撸一遍,可能比较零碎,看到那块就写哪块吧 1.vue中的计算属性 computed 和监测 watch 的区别 1)vue 的computed 顾明思议就是对vue 中给定的变量通过一定的计算获取计算结果的一个属性,他本质还是一个属性,只不过这个属性的值不是在vue中定义的它的值是根据其他属性计算出来的,他是有返回值的 2)vue 的 watch…

[vue]vue基础复习项案例stepbystep

看本篇第二次复习内容即可. 还有一些文档了这个如 https://www.cnblogs.com/iiiiiher/p/9508733.html https://www.cnblogs.com/iiiiiher/p/8973705.html vue复习项目 1.展示/搜索功能 tofixed 2.删除 filter() 3.全选反选 get checkAll的值, every set 各选项,forEach 4.总价格 reduce 5.选了多少本书 filter+length 6.选中后变灰…

vue基础篇---vue组件《2》

定义全局组件我们通过Vue的component方法来定义一个全局组件. <div id="app">  <counter></counter> </div> <script src="./node_modules/vue/dist/vue.js"></script> <script type="text/javascript&quo…

vue基础篇---vue组件

vue模块第一篇,因为公司马上要用到这vue开发.早就想好好看看vue了.只有实际工作中用到才会进步最快.vue其他的简单指令就不多讲了,没啥意思,网上一大堆.看w3c就ok. 组件这个我个人感觉坑蛮多的,所以特地记录一下. 简单总结一下: 父组件给子组件传值: 父向子可以传属性,方法,和父对象的本身,很简单,需要2步即可. 1,父组件调用子组件的时候绑定动态属性 <v-header :title="title" :homemsg='msg' :run="ru…

vue基础篇---路由的实现《2》

现在我们来实现这样一个功能: 一个页面,包含登录和注册,点击不同按钮,实现登录和注册页切换: 编写父组件 index.html <div id="app"> <span>登录</span> <span>注册</span> <hr/> <div> 登录页/注册页 </div> </div> <script src="../node_modules/vue/dist/…

vue基础篇---watch监听

watch可以让我们监控一个值的变化.从而做出相应的反应. 示例: <div id="app"> <input type="text" v-model="message"> </div> <script src="./node_modules/vue/dist/vue.js"></script> <script type="text/javascrip…

vue基础篇---生命周期

每个钩子函数都在啥时间触发 beforeCreate 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用. created 实例已经创建完成之后被调用.在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调.然而,挂载阶段还没开始,$el 属性目前不可见. beforeMount 在挂载开始之前被调用:相关的 render 函数首次被调用. mounted el 被新创…

vue基础篇---路由的实现

路由可以有两种实现方式,一种是标签形式的,一种是js实现. 标签: <router-link to='/city'> 北京 </router-link> 标签还有另外一种实现方法,用的场景是:当我们用标签包裹的时候vue会自动加一个a标签,所以会改变标签里面的颜色,我们还得修改写好的样式,能不能不这么麻烦呢?当然可以.意思是外面包裹的的还是li标签.但是有路由功能 <router-link to='/city' tag=""li :to='/'> 北…