![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
webxiaoma
学习it,喜欢it
展开
-
vue2 过渡效果总结
vue 为我们封装了transition 组件 ,可以给任何元素添加enter 和leave条件渲染 : v-if条件展示 :v-show动态组件原创 2017-05-23 17:36:22 · 9024 阅读 · 1 评论 -
vue 中 v-if 和 v-show 的区别
vue 中 v-if 和 v-show 的区别原创 2017-05-18 21:32:43 · 12551 阅读 · 0 评论 -
vue 的认识与介绍
今天来总结一些我对vue的认识与介绍,可能有时候我们可以不用对一个框架去有很深的认识,就可以去完成我们的工作,但是对于一个框架有基础的理解对我们开发和学习是很有帮助的,让我们很清楚的知道这个框架是做什么的,我们该用来做些什么。一、渐进式框架Vue什么是渐进式框架。vue官网说:Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue原创 2017-06-04 18:12:24 · 35759 阅读 · 2 评论 -
vue 指令和模板
今天我来总结一下vue的指令和模板。指令和模板是vue比较基础的东西,也是vue中很重要的东西。一、vue指令vue指令有很多,比如: v-bind, v-click, v-style, v-class, v-once, v-if, v-else-if, v-model 等等。 这些指令我就不一一讲解用法了。具体用法可以去看vue 官网的APIhttps://cn.vuej原创 2017-06-05 23:05:22 · 5043 阅读 · 0 评论 -
vue2 中 computed 和 watch 的异同?
今天我来总结一下vue中computed 和 watch的异同!一、computed 和 watch 都可以观察页面的数据变化。当处理页面的数据变化时,我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性,而不是命令是的watch回调。 这里我直接引用vue官网的例子来说明:html:我们要实现 第三个表单的值 是第一个和第二个的拼接,并且在前俩表单数值变化时,第三个表单数原创 2017-05-22 15:10:57 · 35473 阅读 · 0 评论 -
vue 脚手架的搭建和目录结构
今天总结一下vue的脚手架的搭建。很简单,今天我们就来说一下一、vue 脚手架的搭建。对于脚手架的具体搭建方法,我这里不在很详细的书写,具体方法我推荐菜鸟教程的方法,和具体,你一步一步的来就可以实现。链接地址:http://www.runoob.com/vue2/vue-install.html 对于不会使用或不知道 npm的,你可以从网上搜搜,下载node.js ,npm会随node.js一起被原创 2017-06-23 18:12:01 · 4726 阅读 · 0 评论 -
去掉vue 中的代码规范检测(Eslint验证)
我们在使用vue 脚手架时,为了规范团队的代码格式,会有一个代码规范检测,如果不符合规范就会报错,有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no;2.如果项目已经生成,我们可以这样。在项目中代开 bulid 文件夹下的 webpack.base.conf原创 2017-06-28 17:23:07 · 20402 阅读 · 1 评论 -
vue-router 路由基础简单介绍
今天我总结了一下vue-route基础,vue官方推荐的路由。一、起步HTML<div id="myDiv"> <h1>简单路由</h1> <router-link to="/foo">Go to foo</router-link> <router-link to="/bar">Go to bar</router-link> // 渲染出口 <router-view><原创 2017-06-03 14:55:15 · 3305 阅读 · 0 评论